mobile Menu height changes on scrolling

Hi there,

in Customizer > Layout > Sticky Navigation, change the Menu Item Height to match the Customizer > Layout > Primary Nav -> Menu Item Height - which is 50px.

Thx, david,
this helped for mobile. The desktop and tablet menus are stil reduced in size when scrolling, how to keep this solid?
best,
Torsten

If all 3 of these values are the same:

Customizer > Layout > Primary Nav -> Menu Item Height for Desktop
Customizer > Layout > Primary Nav -> Menu Item Height for Mobile
Customizer > Layout > Sticky Navigation -> Menu Item Height

Then it will be consistent on all screen sizes.

Does that work for you?
If not we can assist with some CSS. Let me know.

Hi David,
I changed all the settings to 50px, still I have a slight height change of the header on Desktop and Tablet, therefor I would appreciate your help with CSS-Code.
best,
Torsten

Aah ok - what is: https://retla.org/wp-content/uploads/so-css/so-css-generatepress.css

As it has this CSS:

.main-navigation .main-nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 60px;
    font-size: 16px;
    text-align: right;
}

Which is setting the menu item -> line-height: 60px;

Are you able to edit that CSS ?

I tried uncommenting/deleting that code, no change.
I've set line-height: 60px; to 50px, no change.
What shall I do?
Thanks for your patience.

Can you clear the browser caches - as it looks ok to me ?

You're right, all good.
Thx a lot!

You're welcome!