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

Primary Nav – Float Right, Below Header on Mobile?

  • MalcolmMcAtee
    April 8, 2025 at 12:03 pm

    Hello,

    What would be the best way to have the primary nav, which is floating right at desktop sizes, switch to below header on mobile? Is this possible using only the customizer?

    Thanks!

  • Ying
    April 8, 2025 at 1:45 pm

    Hi there,

    CSS is needed in this case.

    If you can link me to your site, i can help with the CSS.

  • MalcolmMcAtee
    April 8, 2025 at 3:57 pm

    https://malcolmmcatee.com/

    Thank you!

  • Alvind
    April 8, 2025 at 10:25 pm

    Hi there,

    Try adding this CSS:

    @media (max-width: 768px) {
    .main-navigation button.menu-toggle,
    .main-navigation .mobile-bar-items {
        display: none;
    }

    .main-navigation ul {
        display: flex !important;
    }
}
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.