Menu on tablet covers content

I have used the following code to hide the subheader image on pages on mobile:

@media only screen and (max-width: 768px) { body:not(.template-slider) #Header_wrapper { background: none !important; } }
@media only screen and (max-width: 768px) { body:not(.template-slider) #Header { min-height: 0 !important; } }

This has given the desired effect. Subheader image shows up on desktop and tablet (landscape view) but not on mobile. However, the subheader image disappears on tablet (portrait view) and the content moves up to be behind the menu.

View on ipad in portrait orientation: https://snag.gy/dHVlCS.jpg

Comments

Sign In or Register to comment.