[Resolved] Top margin of the Main Menu

[virtualsim]

Hi,
I would like to add a margin on top of the main menu, so that is it aligned with the middle of the logo (now, it is too much on top of the page). How to do that ? I tried to add margin-top: 50px; in the rtl.css in main-navigation but without success.
Thanks.

[David]

Hi there,

one method would be to increase the Menu Item height in Customizer > Layout > Primary Navigation to match the logo e.g 65px.

Or use the Navigation as Header Option:

https://docs.generatepress.com/article/navigation-as-a-header/

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

[virtualsim]

Ok Thanks David.
The NaH option made my logo so tiny I cannot use it (I guess the automatic height is according to the width and my logo is rectangular. Maybe something to fix on GP).
I managed with the menu height at 60px even if it is a lot for mobile.
Regards.

[David]

FYI the NaH logo is based on the Menu Item height as well.
Glad you found a working solution

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

[Author]

Posts