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)

  • 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.