Archived topic
Editing the Sticky Menu Height ONLY for mobile
1 reply · Started by Jefri on August 19, 2017
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.
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.
