Floating Mobile Menu

Hi there,

to display just the Mobile menu toggle would require some CSS.
Let us know if you need a hand with that, and if so can you add a URL to the site. You can edit the original topic and use the Site URL field.

Hi,

The padding is in the "inside-navigation" div.

It shows 375x94.

I have tested

.inside-navigation {
	margin-bottom: -1.75em
}

But I would like to simply change the padding to 375x60px, just like the button.menu-toggle.

Hi there,

this CSS you have added is causing it:

.main-nav {
	margin-top: 2em
}

You swap that for this so it don't apply to mobile:

@media (min-width: 768px) {
    .main-nav {
        margin-top: 2em
    }
}

Ok! Nice, adjusted to 872px, which is for my logo and navbar the current trigger point.

So what code should I use to get a transparent navbar in mobile?

Try this CSS:

@media (max-width: 872px) {
    .sticky-enabled .main-navigation.is_stuck {
        background-color: transparent;
    }
}