[Resolved] Reduce top bar height

[Silvia]

Hello,

I installed Generate press theme and I would like to reduce the blank space above the header, but I don’t know how to do, because the space belongs to the top bar. The bottom padding of the top bar is already fixed to 0, but it doesn’t let to put on negative.

In the top bar there are the social icons on the right. Below the top bar there is the menu as a header with the logo in the middle. If you check the website, there is too much blank space above the logo. I wonder if I can reduce this blank space and put the social icons just over the menu.

Tank you in advance,

Silvia

[Leo]

Hi there,

Can you try reducing the menu item height?
https://docs.generatepress.com/article/menu-item-height-width/

Let me know if this helps 🙂

[Silvia]

Hi Leo,

The blank space is the same… Actually, it belongs to the top bar, not to the menu area. So, even if I reduce the menu item height, the space above os the same.

Any other solution?

Thanks a lot!

[Leo]

Actually, it belongs to the top bar, not to the menu area.

No it’s not. Most of the space is associated with the menu:
https://www.screencast.com/t/mz2Z6PQgl6mi

The rest is coming from Jetpack adding bottom margin:
https://www.screencast.com/t/6aVupTieaO

[Silvia]

🙁 I see… What I wanted is to delete the bottom margin coming from the Jetpack, but as you show is not possible, isn’t it?

Anyway, thank you very much for your quick answers and help.

[Leo]

You can overwrite their CSS with the same selector:

.jetpack_widget_social_icons ul {
    margin: 0;
}

[Silvia]

I will try, thank you!

[Leo]

No problem 🙂

[Author]

Posts