[Support request] Editing the Sticky Menu Height ONLY for mobile

[Jefri]

Hi guys,
I have used this CSS so I can adjust the height of the sticky mobile menu:

.main-navigation.navigation-stick {
background-color: #000;
height: 100px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;

}

This works in changing the mobile sticky menu height. BUT it ALSO changes the sticky menu height for a desktop.

Is it possible to change ONLY the sticky MOBILE menu height and NOT affect the desktop version?

Thanks heaps.

[Leo]

Hi there,

Are you using navigation as header? If so you should be able to adjust them in the customizer.

Sticky navigation height on desktop would be here: https://docs.generatepress.com/article/sticky-navigation/#menu-item-height

Mobile would be the menu item height with mobile toggle: https://docs.generatepress.com/article/menu-item-height-width/#height

Let me know.

[Author]

Posts