Absolute positioned background without horizontal scrolling

HTML & CSS
1

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

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
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.