Inconsistent Menu Padding on Desktop | ww.wp.xz.cn

Resolved ultravariety
(@ultravariety)

5 years, 2 months ago

When I add multiple sub-items under a primary menu item, the right side padding is different for the last item in the list. It appears to me that there is padding added to the right side of each one, except the last one.

Any advice appreciated. This is visible at https://ergochew.com/ using any desktop browser.

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Benjamin Stocker
(@bstocker)

5 years, 2 months ago

I can confirm this, see link below for another example.
The difference is smaller on my example, maybe because of the used Font.
I didn’t realize this before reading this post.

Screenshot: https://www.stocker-zaugg.ch/menu.png
Milos Vlaisavljevic
(@gdmilos)

5 years, 2 months ago
Hey @ultravariety and @bstocker,

Thanks for reaching out!

The mentioned issue exists only if the Header 2 is active, please see.

The following CSS code will help:
```
@media only screen and (min-width: 960px){
	.has-header-2 .header__navigation .menu-item-has-children li:not(:last-child) {
    margin-right: 0;
}
```
Please add the code to Appearance > Customize > Additional CSS and let me know if it helps. 🙂

Kind Regards,
Milos | GoDaddy
Thread Starter ultravariety
(@ultravariety)

5 years, 2 months ago
Hi Milos. Thanks! That works beautifully. Greatly appreciate the fix.
- This reply was modified 5 years, 2 months ago by ultravariety. Reason: Marking resolved
Benjamin Stocker
(@bstocker)

5 years, 2 months ago

Hi Milos

Thanks very much! That fixed the Problem.

Kind regards
Benjamin

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Inconsistent Menu Padding on Desktop’ is closed to new replies.

Tags

pulldown menu

4 replies
3 participants
Last reply from: Benjamin Stocker
Last activity: 5 years, 2 months ago
Status: resolved