Absolute positioned background without horizontal scrolling

Hi there,

I have the following red square background image:

When I resize to small screens, it is pushing my mobile nav/icon like this (the grey line should go to the right which it does when larger, so the :after element is pushing it):



Is there a way to stop this happening? I know I can use overflow-x: hidden, but wondered if there is another way?


I don’t see very much like the screen shots in the fiddle.
The background isn’t showing, or the nav.
The background may be a URL problem, as the pseudo element exists, but I don’t see code for the nav.

1 Like