[Resolved] Logo and Menu Items Not Aligned Vertically on Desktop

[Jesse]

Hello,

Please see the attached screenshot.

I have a small amount of extra space below my logo on the left side and a lot of extra space above my menu items on the right side which is causing the menu on Desktop to look lopsided.

What is the best way to fix this without screwing up my mobile menu (all is good on mobile)?

Best regards,
Jesse

[Leo]

Hi there,

Looks like you have this CSS added somewhere that’s causing the issue:
https://www.screencast.com/t/833KZkwPx

WP Rocket is activated so I can’t tell where it’s coming from.

If that’s not something you’ve added then please try disabling all plugins except GP Premium and GenerateBlocks to test.

Let me know 🙂

[Jesse]

Hi Leo,

I added this code to the “Additional CSS” section. It was meant for list items that appear in-content. Is there a way to exclude it from my menu?

/* Adds more white space in-between list items */
li {
	margin-top: 1.0em;
}

/* Minimizes the left margin space on lists */
ol, ul {
	margin-left: 1.5em;
}

Best regards,
Jesse

[Leo]

Try this instead:

/* Adds more white space in-between list items */
.entry-content li {
	margin-top: 1.0em;
}

/* Minimizes the left margin space on lists */
.entry-content ol, .entry-content ul {
	margin-left: 1.5em;
}

[Jesse]

Thanks, Leo. All good now. Happy New Year.

[Leo]

No problem 🙂

Happy new year!

[Author]

Posts