Home>Support>Showing submenu items on mobile Vantage menu

Showing submenu items on mobile Vantage menu

Hello,
I’d like to show all the submenu items when the Vantage mobile menu is activated.
For example, when I tap on mobile menu icon, I’d like to see:
Page1 >
Subpage1
Subpage2
Page2
Page3 >
Subpage3
Subpage3
Subpage3
And so on.

Could you help me to do that?
Thanks :)

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 1 year, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Silvia

    Thanks for posting your question.

    Unfortunately, Vantage doesn’t currently have a setting to display mobile sub-menu links in the same view as the parent links. You could try disabling the Vantage mobile menu and switching to something like https://wordpress.org/plugins/responsive-menu/.

  2. 1 year, 11 months ago Silvia Cossu

    Hi Andrew and thanks for your reply.
    Yes, I already tried what you suggested but the problem was that Vantage mobile menu disappeared and the desktop squeezed menu was on as well as responsive menu.

  3. 1 year, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Silvia

    Thanks for the update.

    Did you perhaps disable the Vantage Mobile Menu at AppearanceCustomizeTheme SettingsNavigationMobile Menu?

  4. 1 year, 11 months ago Silvia Cossu

    Yes Andrew, I did it through that.

  5. 1 year, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Silvia

    Thanks for the update. If you can perhaps replicate the issue and send a link to the site we can take a look. I’ll be online again tomorrow.

  6. 1 year, 11 months ago Silvia Cossu

    Hi Andrew, sorry for the delay. Yes I just replicated the issue, take a look at silviacossu.it whenever you want.
    Thanks :)

  7. 1 year, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Silvia

    Thanks for the link. The following can be added to AppearanceCustom CSS if you’re using SiteOrigin CSS. Alternatively, you can use CustomizeAdditional CSS or another Custom CSS area:

    @media (max-width: 800px) {
    	.main-navigation {
    		display: none;
    	}
    }

    The 800px breakpoint can be adjusted as required.

  8. 1 year, 11 months ago Silvia Cossu

    I’ve just added the code you suggested in Custom Css. It worked for all pages except for the homepage, I don’t understand why.

  9. 1 year, 11 months ago Andrew Misplon
    Hi, I Work Here

    Autoptimize will need to be cleared.

  10. 1 year, 11 months ago Silvia Cossu

    Yes Thank you Andrew!

  11. 1 year, 11 months ago Andrew Misplon
    Hi, I Work Here

    Thanks. Glad to hear you’re making progress.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More