Archived topic
Issue with Secondary Nav alignment
6 replies · Started by Michele on June 12, 2020
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 
Subscribing
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;
}
}
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.
Can you try the edited CSS above?
https://generatepress.com/forums/topic/issue-with-secondary-nav-alignment/#post-1325536
Yup - that worked. Thank you!!
No problem :)