Site logo

[Support request] Getting my logo to the center on mobile/Desktop

Home Forums Support [Support request] Getting my logo to the center on mobile/Desktop

Home Forums Support Getting my logo to the center on mobile/Desktop

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2556993
    Heath

    For some reason I can’t figure out how to get my logo to be center on desktop and mobile.

    I’d like for the logo to be in the center with the menu icon on the right and the search icon on the left.

    #2557002
    Fernando
    Customer Support

    Hi Heath,

    You have too many menu items for such a layout. Would you be open to having a hamburger button for the menu on all views?

    #2557008
    Heath

    Yes I would be ok with that.

    #2557022
    Fernando
    Customer Support

    If that’s the case, can you set the Mobile Menu Breakpoint to 2000 or type a really high value in Appearance > Customize > Layout > Primary Navigation?

    Reference: https://docs.generatepress.com/article/primary-navigation-layout-overview/

    We’ll then proceed with the next step afterward.

    #2557037
    Heath

    I’ve updated the mobile breakpoint

    #2557066
    Fernando
    Customer Support

    Great.

    Can you try adding this through Appearance > Customize > Additional CSS?:

    .inside-header.grid-container .site-logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    
    nav#mobile-menu-control-wrapper {
        margin-left: 0;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
    }
    
    nav#mobile-menu-control-wrapper .menu-toggle{
        margin-left: auto;
        flex-grow:0;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.