Change Menu used when on Mobile?

  • Resolved restalfep

    (@restalfep)


    7 years, 1 month ago

    How could I change the menu being used by Astra when on mobile change to a different menu I created. For example change from “Navigation” to “Mobile Menu”. I’ve already created both menus under Appearance > Menus.

    Basically I want the desktop menu to show one set of links and the mobile menu to show a different set of links.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter restalfep

    (@restalfep)

    I was able to figure it out using @media query it seems just had to use !important which isn’t ideal. Assuming there must be a better way to just have it swap menus by menu name somehow.

    Also, is there a way to change the menu alignment on just mobile? For example I have it right aligned along with the WooCommerce cart widget to the right of it on Desktop. But on Mobile I’d like to have the menu left aligned in the header and the WooCommerce cart widget right aligned, so opposite sides of screen.

    Hello @restalfep,

    The simplest way to have a different menu on mobile/desktop will be using the page builder for building the menu using the Astra Pro’s custom layouts addon.

    Since you have already got some part of it working, Can you give me the link to your site so that I can suggest you CSS to get this working completely?

    Theme Author Brainstorm Force

    (@brainstormforce)

    Closing due to inactivity.

    If you are still having this issue @restalfep, Feel free to open up a new ticket at wpastra.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Menu used when on Mobile?’ is closed to new replies.