Menu plus logo position

Home Forums Support Menu plus logo position

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #132589
    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

    #132647
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #135198
    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!

    #135319
    Tom
    Lead Developer
    Lead Developer

    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.

    #135658
    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

    #135690
    Tom
    Lead Developer
    Lead Developer

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

    #349827
    Tom
    Lead Developer
    Lead Developer

    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.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.