[Resolved] Issue with Secondary Nav alignment

[Michele]

I’ve tried to figure this out on my own but no luck. The secondary nav of my website is not in center alignment on mobile, even though it is on a desktop. I see all the settings for changing alignment of secondary nav

Here’s a screenshot from my phone

And here are screenshots of my settings: and

[Michele]

Subscribing

[Leo]

Hi there,

Can you give this CSS a shot?

@media (max-width: 768px) {
    .main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
        position: absolute;
        right: 0;
    }
    .main-navigation.toggled .main-nav ul li.menu-item-has-children a {
        padding-right: 20px;
    }
}

[Michele]

For some reason the last item “speaking” looks a bit more left than it should. But it definitely looks closer to centered now. Probably close enough lol.

[Leo]

Can you try the edited CSS above?
https://generatepress.com/forums/topic/issue-with-secondary-nav-alignment/#post-1325536

[Michele]

Yup – that worked. Thank you!!

[Leo]

No problem 🙂

[Author]

Posts