[Resolved] How to right-align sec nav on mobile

[Arno Verhoeven]

Hi,

I want to right align the secondary navigation on mobile devices. Not only the menu-items but the title also. I can’t seem to find how this can be done.
Is there somebody that can help me out?

[Tom]

Give this CSS a shot:

@media(max-width:768px) {
    .secondary-navigation,
    .secondary-navigation .menu-toggle,
    .secondary-navigation .main-nav .sf-menu>li {
        text-align: right !important;
    }
}

[Arno Verhoeven]

Hi Tom, thanks for the prompt reply.

I have added the above to the custom css. (as I did before, but I thought I might have made a mistake – syntax error) It didn’t work. And then… I did see the light.

Max-width is set to 768 and I checked this on my mobile that is full HD… I changed it to 1100 and.. it works.

[Tom]

Awesome 🙂

[Author]

Posts