Archived topic

Centralising secondary nav on mobile

3 replies · Started by Keith Taylor on January 14, 2022

Viewing posts 1–4 of 4

January 14, 2022 at 6:59 am #2080176

I'd like to centralise my secondary nav menu on mobile only. I tried this:

@media (max-width: 768px) {
    .secondary-navigation {
        text-align: center;
    }
    .secondary-navigation li {
        float: none;
        display: inline-block;
    }
}

...but no luck.

Many thanks for your help.

Keith
GeneratePress 3.1.0
GP Premium 2.1.1

January 14, 2022 at 7:07 am #2080181

Hi there,

try this CSS:

@media(max-width: 768px) {
    .secondary-nav-aligned-right #secondary-navigation .inside-navigation {
        justify-content: center;
    }
}

January 17, 2022 at 3:31 am #2082942

Hi David, works perfectly, many thanks!

Keith

January 17, 2022 at 4:22 am #2082986

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.