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.

GeneratePress GenerateBlocks

Align header buttons block

  • Matthew
    February 28, 2024 at 11:32 pm

    Hello

    I’ve added header buttons using the after_navigation hook. On desktop they look great, sitting inline with the navigation and to the right of it, as intended.

    On tablet and mobile they are pushed below the menu however, presumably because the menu takes up all the space between it and the logo. I can’t figure out how to use that space to have them on the same line as the menu, and if possible to keep the menu to the right of the buttons on mobile devices.

    I hope I’ve explained it clearly enough. Any help is much appreciated!

    Thanks, Matt

  • David
    February 29, 2024 at 4:15 am

    Hi there,

    try this CSS:

    
@media(max-width: 1023px) {
    .mobile-menu-control-wrapper,
    .nav-float-right #site-navigation{
        order: 5;
        margin-left: unset;
    }
    .inside-header {
        gap: 10px;
    }
    .inside-header .site-logo {
        margin-right: auto;
    }
}
  • Matthew
    February 29, 2024 at 4:27 am

    I swear you guys are the best support team in the industry!

    Thank you so much.

  • David
    February 29, 2024 at 10:42 am

    Glad to be of help!

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