Absolute positioned background without horizontal scrolling

HTML & CSS
#1

Hi there,

I have the following red square background image:
https://jsfiddle.net/toolman/L3wafdj1/1/

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):

image

image

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

Thanks

#2

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