Transparent Menu Issue On Mobile

Hey!

I posted this once earlier and have yet to receive a response so I’m reposting again…

I’ve used some custom CSS from previous threads to create a transparent menu, topbar, and logo that overlays a slider on my homepage. It appears it has all worked well throughout my site and homepage. However, I have one problem with it on mobile. The menu and top bar all overlay the first image/text on the home page.

You can see what I’m talking about here:

How can I fix this? And do you see any problems with the code I have already implemented?

Hi,

You can try adding this in custom css

@media(max-width:979px) {
.home .masthead {
   height:auto;
}}

Hope that helps.

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