Centering Main Menu

Tagged: 

Author Posts

robertlo June 17, 2015 at 9:34 pm

Heads up! this post was created when Microthemer was at version 3. The current version is 7. Some references to the interface may be out of date.

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 June 18, 2015 at 4:16 am

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 June 18, 2015 at 1:04 pm

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 June 18, 2015 at 1:36 pm

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 June 18, 2015 at 5:06 pm

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

Sebastian June 19, 2015 at 4:05 am

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.