Archived topic

Logo in Navbar - padding and menu center

10 replies · Started by scott doel on March 3, 2017

Viewing posts 1–11 of 11

March 3, 2017 at 7:17 am #286575

Hi Tom,

have copied the solution posted here and added padding left of 2 cm.

But I also have padding below the menu, and the menu has shifted to the right

Is it possible you could help me with the CSS to:

1. remove the padding from below the menu
2. have the primary menu still centre

March 3, 2017 at 9:55 am #286633

Just thinking you might need a link to the website!

March 3, 2017 at 10:01 am #286637

Hi Scott,

Have you tried using the built in Navigation Logo option?: https://docs.generatepress.com/article/navigation-logo/

March 3, 2017 at 10:18 am #286649

I've tried it now, but the menu still gets pushed to the right. Also, I can't centre the logo vertically within the menu

March 3, 2017 at 10:22 am #286650

Where are you wanting the menu to be? Next to the logo or all the way to the right?

For vertical centering, try this:

.main-navigation .navigation-logo {
    padding-top: 5px;
}

March 3, 2017 at 10:23 am #286652

No I wanted the log to be center, but the center option still leaves it pushed to the right after adding the logo

March 3, 2017 at 10:25 am #286655

You want the logo to be centered, or the menu?

March 3, 2017 at 10:25 am #286656

Sorry Tom, I want the menu to centre of the page

March 3, 2017 at 10:27 am #286657

Ah ok, you'll need to take the logo out of the flow of the page then.

Try this:

.main-navigation .navigation-logo {
    position: absolute;
    left: 0;
}

March 3, 2017 at 10:28 am #286658

Perfect! Thank you Tom

March 3, 2017 at 10:28 am #286659

You're welcome :)

This archived topic is closed to new replies.