Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Off-Canvas Logo left, Logo center, Icon Right

  • Hey, I try to archive an Off-Canvas Navigation only for Desktop and Mobile. The problem at the moment is that I don’t get the logo (centre) with the Icon (Navigation) left and a Member Icon right.

    Any tips?

    Thank you

  • Hi there,

    Can you show me your site?

  • i post it in private notes

  • You haven’t added the member icon yet, can you add that first so I can provide the CSS based on the correct HTML?

  • done 😉

  • Hi there,

    try this CSS:

    
    @media(min-width: 769px) {
        .nav-float-right nav#site-navigation {
            order: -1;
            margin-left: unset;
        }
        .site-logo {
            margin-inline: auto;
        }
    }
    
  • Looks amazing. Thank you.

    How we get the Icon and the Slide off on mobile to the left site?

    Best Kevin

  • Something like this:

    
    @media(max-width: 768px) {
        .mobile-menu-control-wrapper, 
        .site-header .inside-header .header-widget {
            flex-basis: auto;
            margin: unset;
            order: -1;
            margin-right: 20px;
        
        }
        .site-logo {
            max-width: 50%;
        }
        .mobile-menu-control-wrapper .menu-toggle {
            line-height: 60px;
        }
    }
    
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.