[Resolved] Change Font Size in Sticky Menu Only

[Dave]

Hello,
I would like to have my main menu and sticky menu have a different font size. How can i do that in css ?
Thank you!

[Leo]

Hi there,

I assume this is for desktop only?

Try this:

@media (min-width: 769px) {
    #sticky-navigation .main-nav ul li a {
        font-size: 20px;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Dave]

Thanks Leo,
I have applied the css but have lost the dropdown function of the menu now

[Dave]

also the menu links are not clickable on the sticky

[Leo]

The CSS shouldn’t cause any issues like this.

Do you know what these things are?
https://www.screencast.com/t/PmhR3JNq

They are likely the cause. Can you try disabling it for now?

[Dave]

That is tap tap menu plugin, that i use for mobile devices

https://codecanyon.net/item/taptap-a-super-customizable-wordpress-mobile-menu/9966828

[Dave]

the hover over menu items work when the mouse pointer is below the menu link.

[Leo]

Can you disable that plugin for now? I believe it’s causing some issues – it’s doing something on desktop as well.

We haven’t had other reports on this sticky navigation issue before so I’m guessing it’s something specific to your install.

[Dave]

yes disabling the plugin fixes the issue

[Leo]

I would recommend checking with the plugin support.

It’s supposed to only do something on mobile but it’s causing some issues on desktop as we just discovered.

[Dave]

ok i will thanks

[Leo]

No problem 🙂

[Author]

Posts