[Resolved] spacing issue with top bar widget and main menu

[Mel]

Hi,
I am using the MyPet template.

I want to reduce/minimize the space between the line of text at the top right (top bar widget)
and the logo/menu.

I also want to add more space below the menu so the submenu doesn’t go into the heading (this happens on the front/Home page).

Could you please assist me with this, thanks.

[Fernando]

Hi Mel,

For the Header padding, go to Appearance > Customize > Layout > Header and add bottom margin. Reference: https://docs.generatepress.com/article/header-layout-overview/

If that doesn’t work, go to Appearance > Elements, try adding bottom padding there: https://docs.generatepress.com/article/header-element-overview/

For the Top Bar spacing of the widget, add this through Appearance > Customize > Additional CSS:

.inside-top-bar.grid-container p {
    margin-bottom: 0;
}

[Mel]

Great, thank you!

[Fernando]

You’re welcome, Mel!

[Author]

Posts