Site logo

Archived topic

Issue with Secondary Nav alignment

6 replies · Started by Michele on June 12, 2020

Viewing posts 1–7 of 7

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 screenshot

And here are screenshots of my settings: settings screenshot 1 and settings screenshot 2

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.

Yup - that worked. Thank you!!

No problem :)

This archived topic is closed to new replies.