How to remove navbar for mobile?

[bopeuph]

I noticed on my site that the mobile versions had both the navbar and the mobile stacked menu. How do I remove the navbar for mobile versions? I cannot find that information with a simple Google search.

[marc_a]

Hi Nicholas,

Thanks for reaching out.

I just check your website and found out you added some custom CSS.

body .x-nav-wrap.desktop {
    float: left;
    display: block;
    width: 100%;
    max-width: 720px;
}

Please remove the display:block; your code should look like this:

body .x-nav-wrap.desktop {
    float: left;
    width: 100%;
    max-width: 720px;
}

Hope that helps.

Thank you.

[bopeuph]

That did it. Thanks!

Also shows what I get for just searching for code.

[bopeuph]

Actually, I should get rid of the whole black bar just on mobile. The links are gone on mobile, but the black bar remains. How do I get rid of that…or at least shrink it to just the height of the stack menu?

[marc_a]

Hi Nicholas,

What do you mean by the links are gone on mobile, I just check your website and links is just fine. Could you tell us what you are expecting to happen?

Thank you.

[bopeuph]

Hi Marc,

I meant the actual topbar links are hidden on mobile, which is what I want. Now I’m getting a full bar still on mobile. Here’s a screenshot from my phone. Can we get rid of this just on the mobile devices?

[marc_a]

Hi Nicholas,

The reason why there’s a big black space above your mobile menu is that actually there’s a logo there with black text, I change the color using inspect element to let you see what’s there above your mobile menu.

Hope that helps.

Thank you.

[bopeuph]

Of course. I forgot about that. Thank you!

[marc_a]

Hi Nicholas,

You’re welcome and it’s our pleasure to help you.

Thank you.