Centering Main Menu

This topic contains 5 replies, has 3 voices, and was last updated by  Sebastian 7 years, 3 months ago.

Author Posts

robertlo

I need to center the menu on http://bpp.leadoptimize.com/projects/marine-and-shoreline-construction-projects/

How can I do that with MT. I don’t see any CSS settings to center horizontally. I try adding large amount of equal padding to the left and right, but that doesn’t work.

Please advise.


Abland

Hi, robertlo,

nav.gdlr-navigation {
    text-align: center;
}

You may need to use !important if the above rule doesn’t seem to take.

nav.gdlr-navigation {
    text-align: center !important;
}

robertlo

So there’s not a way to do it in MT’s GUI?

Can you send me a link on how to manually add custom css to MT.

Thanks,
Rob


Abland

Hi, Rob,

In your theme you have the nav container with the class gdlr-navigation – if you double click the menu container then using the Targeting and Inspector tabs on the right focus in on that class:
.gdlr-navigation

Create a selector for it, then in the editing bar select the text icon. Text-align is available under that selector.

For adding manual code, in the upper right of the toolbar there’s an icon <> – click that to open the code editor.


robertlo

Thanks so much. I got it by editing the nav.gdlr-navigation class


Sebastian

Thanks for providing instructions Abland!

Robert – if you get stuck with anything else I’m here.

Cheers,
Sebastian

You must login or register to reply to this topic.