Archived topic

Menu plus logo position

7 replies · Started by Diane on August 28, 2015

Viewing posts 1–8 of 8

August 28, 2015 at 1:03 am #132589

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

August 28, 2015 at 9:01 am #132647

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 :)

September 8, 2015 at 12:49 am #135198

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!

September 8, 2015 at 9:30 am #135319

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.

September 9, 2015 at 3:33 pm #135658

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

September 9, 2015 at 10:44 pm #135690

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;
}

July 15, 2017 at 9:28 am #349810

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

July 15, 2017 at 9:55 am #349827

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.

This archived topic is closed to new replies.

Start building better websites today.