Issues with mobile menu and site content

[bartenderonduty]

Hey Themeco Team,

I’m having issues with the mobile menu in X. Whenever I expand the menu, it pushes the rest of the site content down, exposing a white background. The problem is that the logo and menu icon are also white so they become invisible when the menu is expanded. Do you happen to have a solution that will allow the mobile menu to expand over the rest of the content underneath?

Thank you!

[ruenel]

Hello @bartenderonduty,

Thanks for writing in! I am guessing that you have a transparent or white navbar color. I would recommend that you change the navbar background color in X > Theme Options > {Your Stack}. If this does not help, to assist you with this issue, please provide us with your URL of the site so that we can check it. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers.

[bartenderonduty]

Yes that’s correct, I have a transparent navbar because I set it up to overlap a section. Please take a look and let me know if you can recommend a solution.

Thanks again!

[jade]

Hi @bartenderonduty,

Try setting a black background color to the to the navigation area on mobile.

Please try this:

@media (max-width: 979px) {
    body:not(.home) .x-navbar-inner {
        background-color: #000;
    }
}

Hope this helps.

[bartenderonduty]

Thank you for your help. Unfortunately this changes the color of the entire navbar from transparent to black on every page but the homepage. Would it be possible to have the navbar remain transparent and float it over the rest of the content?

[ruenel]

Hello @bartenderonduty,

Since the change of the background color for the navbar will not work, change the background color of the body instead. Simply go to X > Theme Options > Layout & Design > Background Options and change it to a black color.

Hope this helps. Please let us know how it goes.

[Divaweb]

did you find a solution for this. Im having the same issue.
Best regards iben

[ruenel]

Hey @Divaweb,

My last reply should work out for you. If it does not apply to you, would you mind providing us the URL of your site so that we can investigate?

Thank you.