Archived topic
Logo and Menu Items Not Aligned Vertically on Desktop
5 replies · Started by Jesse on December 30, 2022
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
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 :)
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
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;
}Thanks, Leo. All good now. Happy New Year.
No problem :)
Happy new year!