Menu plus logo position

[Diane]

Dear Tom,

I really love this new menu plus addon.
But i am searching for the css to edit the position of the logo when it’s sticky.

Instead of being it on the left. I want it to show up at the top and centered of the sticky menu.
both in desktop size as in mobile size. Also I want to show up the word: MENU to show up in the center. instead of the right.
Can you help me?

Kind Regards,
Dia

[Tom]

Hi Diane,

Give this CSS a try:

.main-navigation.navigation-clone .sticky-logo, 
.main-navigation.is_stuck .sticky-logo {
      float: none;
      text-align: center;
}

@media (max-width: 768px)
.main-navigation.is_stuck .menu-toggle, 
.main-navigation.navigation-clone .menu-toggle {
    float: none;
}

.navigation-clone {
      text-align: center;
}

That should be a good start 🙂

[heliosmp]

Hi Diane and Tom,

I have a similar issue:
Navigation alignment is set to “Center”. Sticky logo is positioned on the left side of the grid container – far from the menu in the center. I would want the sticky logo to show next to the menu.
Is it possible to set it so?
Thank you for your help!

[Tom]

Interesting – because of where the logo is placed in the navigation, this isn’t possible.

It would be possible if the logo was added as one of the menu items, but it’s not.

I’ll keep this unresolved until I can find a solution.

[Evandro Arruda]

Guys,

Something related to that. On http://higienopoliscontabil.com.br/ the navigation bar is set to float, but I would like to align it horizontally to the logo. Is that possible?

Thanks

[Tom]

You’ll want to change that second column to grid-40 or grid-45, then add this CSS:

.nav-float-right .main-navigation {
    margin-top: 50px;
}

[Christina]

Interesting – because of where the logo is placed in the navigation, this isn’t possible.
It would be possible if the logo was added as one of the menu items, but it’s not.
I’ll keep this unresolved until I can find a solution.

This is exactly, what I am trying to do the last hours…

Tom, do you have a solution yet? That would be really great!!!!

Thankx, Christina

[Tom]

You could try something like this: https://docs.generatepress.com/article/centering-logo-navigation/

Then just place the menu item with the navigation as the first menu item.

[Author]

Posts