Menu on tablet covers content
in Other
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
we visited your website and everything seems to be working fine.
Try disabling all plugins and clearing browser cache.
thanks