[lblumenfeld]

Is there a way to float the main menu so it is always at the top of the page when the user scrolls? Otherwise, they lose the navigation when they scroll.

[Skandha]

@lblumenfeld: Hello there,
To have the menu sticky at the top you can use our free plugin Catch Sticky Menu. Install and Activate the plugin.

Then,
Go to => Dashbord => Catch Sticky Menu => Insert #masthead as Desktop Menu Selector and Mobile Menu Selector and Publish.
You can also change the Sticky Background Color, Sticky Menu Text Color as well as lots of other options.

Let me know if this works out!
Kind Regards,
Skandha

[lblumenfeld]

I downloaded and activated the plugin. I also went into the options and clicked save.
On the desktop, the menu appears off the screen so you can only see the first two letters of “home”, but not the rest of the menu.
It also doesn’t appear to work at all in the iPhone.

The site is BrassAddiction . com

Can you please tell me how to make it work, or is it not compatible with the theme we’re using?

Thanks.

[Skandha]

@lblumenfeld: Hello there,
You seem to have used #primary-menu as the selector.

Please try using #masthead as the Desktop Menu Selector and Mobile Menu Selector.

Let me know if this works out!
Kind Regards,
Skandha

[lblumenfeld]

That works. Were those selectors documented somewhere? I didn’t see anything about it.

Also, is there a way to have only the menu be “sticky”? Right now it shows the entire site banner.

[Skandha]

@lblumenfeld: Hello there,
Use the same selector #masthead and then add the following CSS Code in the Additional CSS section.

.site-header.catchSticky .site-branding {
    visibility: hidden;
}

Let me know if this works out!
Kind Regards,
Skandha

[lblumenfeld]

Can I also get rid of the white line across the screen under the menu?

[Skandha]

@lblumenfeld: Hello there,
Can you please clarify which white line you are referring to? I didn’t find any white line below the menu on your site.

Kind Regards,
Skandha

[Author]

Posts