Mobile header customization has no effect

[sipahi]

Hello,

I am trying to customize mobile header.

Here’s my customization screen:

https://i.paste.pics/feb8e211f1d954519edc54430bc158aa.png

as you can see, there are top and bottom values. Even I give 500 to those values, nothing changes. Changing header alignment and others also do not make a change.

I am lost at the moment and appreciate any help.

Thanks in advance

[Leo]

Hi there,

The header padding only applied to the default header and not the mobile header.

Are you hoping to increase the height?

Then use the menu item height option with the mobile toggle as suggested here:
https://docs.generatepress.com/article/mobile-header/#branding-type

Let me know if this helps 🙂

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

[sipahi]

it says “There are also 10px of default top and bottom padding which can be removed with this”

when I increase the value, logo disappears.

when I set margin-top & margin-bottom, it doesn’t increase the height.

how do I increase “10px of default top and bottom padding” which is only mentioned in the document?

[Leo]

Can you try the menu item height option with the mobile toggle activated?
https://docs.generatepress.com/article/menu-item-height-width/

I believe that’s what you are looking for.

Make sure to clear your caching plugin after making the changes as well.

Let me know 🙂

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

[sipahi]

That worked. Thank you very much.

[Leo]

No problem 🙂

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

[Author]

Posts