This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Showing submenu items on mobile Vantage menu

Resolved 11 replies technicalthemetheme-vantage
3 years ago · Last reply by Andrew Misplon 3 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Andrew Misplon Staff 3 years, 4 months ago

    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. Silvia Cossu 3 years, 4 months ago

    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. Andrew Misplon Staff 3 years, 4 months ago

    Hi Silvia

    Thanks for the update.

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

  4. Silvia Cossu 3 years, 4 months ago

    Yes Andrew, I did it through that.

  5. Andrew Misplon Staff 3 years, 4 months ago

    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. Silvia Cossu 3 years, 4 months ago

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

  7. Andrew Misplon Staff 3 years, 4 months ago

    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. Silvia Cossu 3 years, 4 months ago

    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. Andrew Misplon Staff 3 years, 4 months ago

    Autoptimize will need to be cleared.

  10. Silvia Cossu 3 years, 4 months ago

    Yes Thank you Andrew!

  11. Andrew Misplon Staff 3 years, 4 months ago

    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.

Have a different question or issue?

Start New Thread