Title: CSS Overflow Fix
Last modified: August 22, 2016

---

# CSS Overflow Fix

 *  [Howdy_McGee](https://wordpress.org/support/users/howdy_mcgee/)
 * (@howdy_mcgee)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/css-overflow-fix/)
 * I really like this theme so I’m trying to fix some of the inconsistencies with
   it. On Android Devices and Apple Emulated Devices I was having an issue with 
   overflow-x, where the user could scroll to the right hand side where nothing 
   would be and get lost. This is because of the `:before` / `:after` css3 background
   extending too far east. I’ve created a child theme and fixed this issue by adding
   the following lines:
 *     ```
       html,body,.page-container{height: 100%;}
       .page-container{overflow-x: hidden;}
       ```
   
 * This tells our page to take up 100% of our screen height and the container to
   the `:before` / `:after` to hide any x plane overflow. Hopefully this works for
   others out there as it did me.
 * Next I’m trying to solve the issue of the sidebar button in mobile browsers which
   seems to be because of the toggle switch being inside the sidebar, which is ultimately
   hidden in mobile browsers (even though the toggle is absolute which should remove
   it from the normal flow…) I’ll keep the thread posted on what I find.

Viewing 1 replies (of 1 total)

 *  [Inertiaddict](https://wordpress.org/support/users/inertiaddict/)
 * (@inertiaddict)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-overflow-fix/#post-5219485)
 * Hi, I know it’s been some time since you posted this comment, but I’m trying 
   to fix the over scroll to the East, also, and I’m not having any luck.
 * I tried using your code and placing it in the cas file but it hasn’t worked for
   me. Is there somewhere specific that I need to paste it?
 * Thanks!

Viewing 1 replies (of 1 total)

The topic ‘CSS Overflow Fix’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/ravel/1.0.0/screenshot.png)
 * Ravel
 * [Support Threads](https://wordpress.org/support/theme/ravel/)
 * [Active Topics](https://wordpress.org/support/theme/ravel/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/ravel/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/ravel/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [overflow](https://wordpress.org/support/topic-tag/overflow/)

 * 1 reply
 * 2 participants
 * Last reply from: [Inertiaddict](https://wordpress.org/support/users/inertiaddict/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/css-overflow-fix/#post-5219485)
 * Status: not resolved