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

Shortcode nav

  • David
    March 15, 2024 at 4:17 am

    No problem 🙂
    Ok i think the way to go is to get all the items inside the Navigation. And then we can look at the CSS to arrange them.

    1. Remove any CSS you have for positioning the logo and the navigation.

    2. you have an element that is adding the container_barra_busqueda_desktop search bar.
    Can you change its Hook to: inside-navigation

    3. in Customizer > Layout > Headear, activate the Navigation as Header option.

    Make those changes and let me know

  • agruostudio
    March 15, 2024 at 4:43 am

    Dear David,

    I have followed the steps you provided and made the necessary changes:

    I removed all the CSS related to the positioning of the logo and the navigation.
    I changed the hook of the element adding the container_barra_busqueda_desktop search bar to: inside-navigation.
    In the Customizer > Layout > Header, I activated the Navigation as Header option.

    Thank you for guiding me through this process.

    Best regards,

  • David
    March 15, 2024 at 5:19 am

    Try this CSS:

    
nav.main-navigation:not(.toggled) .menu-toggle,
nav.main-navigation:not(.toggled) .container_barra_busqueda_desktop {
    order: -1;
}
nav.main-navigation:not(.toggled) .navigation-branding {
    margin-inline: auto !important;
}
nav.main-navigation:not(.toggled) .menu-toggle {
    margin-left: 10px;
    margin-right: 70px;
}
Viewing 3 posts - 17 through 19 (of 19 total)
1 2
  • You must be logged in to reply to this topic.