Archived topic
Change Font Size in Sticky Menu Only
11 replies · Started by Dave on September 19, 2019
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!
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 :)
Thanks Leo,
I have applied the css but have lost the dropdown function of the menu now
also the menu links are not clickable on the sticky
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?
That is tap tap menu plugin, that i use for mobile devices
https://codecanyon.net/item/taptap-a-super-customizable-wordpress-mobile-menu/9966828
the hover over menu items work when the mouse pointer is below the menu link.
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.
yes disabling the plugin fixes the issue
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.
ok i will thanks
No problem :)