[Resolved] Menu items have different spacing on header element for posts.

[Santa]

Hello!

Created header element for posts. Using it for 2 languages. For one language the post menus has normal spacing, but for ENG there is a wrong spacing. In attached example you can see the spacing in ENG and when choosing other language the spacing between menus are ok. Can you please tell what is wrong in here and can you please help to fix this issue? Thank you!

[Leo]

Hi there,

Have you fixed this?

The spacing is the same with 20px of left and right padding from what I can see:
https://www.screencast.com/t/7Ad3uGer1cq
https://www.screencast.com/t/DPG0wGDYU4

Let me know if this helps 🙂

[Santa]

Hi! Yes, the spacing for each item is alright, the spacing between primary and secondary menu is different and for me looks too big for ENG version. Where could be the issue in here? Thank you!

[Leo]

Hmm it looks exactly the same to as well:
https://www.screencast.com/t/CY3oLimO16

Is that not what you are seeing?

[Santa]

Yeah! I guess before for some reason it was different. I just rolled back to Rankmaths previous version. Thank you! Maybe it is somehow possible to reduce the spacing between menus for blog post header?

[Leo]

Ahh yeah RankMath has been causing some issues.

This space here?
https://www.screencast.com/t/XuPdiTar7

Try reducing the top padding:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-5-position-the-content

[Santa]

Hi Leo!
Thank you for your time!
I was thinking to reduce spacing on top of the menu in your photo. Is it possible?

[Leo]

Try this CSS:

.site-logo {
    float: left;
}

[Santa]

Thank you Leo! Just what I was looking for!

[Leo]

No problem 🙂

[Author]

Posts