[Resolved] Mobile menu in footer not centered

[Rudy Vaughn]

I’m using GP and BB on this site, and have a menu added to the bottom of the page. It is set to centered and shows that way on desktop. However, in mobile view, the menu is justified left. It was working/displaying correctly a few days ago, so not sure why it is not center-justified now. Can you help me out?

[Leo]

Hi Rudy,

Can you provide a link to your site? Thanks!

[Rudy Vaughn]

Holy Moly Leo. Sorry about that! The site is here: http://gobrightsmiles.engagemediadi.tech/

[Leo]

Hmm the footer menu is created from BB so I would recommend checking its setting to see if you can set it to center on mobile.

If not try this CSS:

@media (max-width: 768px) {
    .menu.fl-menu-horizontal {
        text-align: center;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Rudy Vaughn]

Hi Leo,

The code you provided works. There isn’t an option to set mobile justification. It has an option for styling, which I’ve set to center, but it only seems to apply to desktop at this point. Like I mentioned it was working before on mobile so not sure why it doesn’t now.

Thanks for the help!

[Leo]

Glad I could help!

[Author]

Posts