Home>Support>Vantage premium responsive menu style

Vantage premium responsive menu style

By Bird on the Hand, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

I have just finished a first attempt at a WordPress site, pretty much as a learning curve but it has the basics to develop the pages. Very pleased with the way it all work and just followed your video.

Upgraded to premium as I wanted the collapsing responsive menu but really disappointed at the way that functions. Once it is collapsed clicking menu generates a slide out menu that is effectively a whole new page. It doesn’t retain the style of the original menu, it’s like jumping to another web site and is not what I expected.

I am really pleased with the theme otherwise but for the menu I expected something like you use on siteorigin.com or an accordian type menu.

Am I missing a setting somewhere that changes this
Andrew

URL: http://www.birdsofpreyexperience.co.uk/

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

  1. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Andrew

    Thanks for the backstory here. Sorry to hear the mobile menu isn’t to your liking. I’m afraid there is currently no alternative mobile menu on offer. If you’d like to continue using Vantage you could look at switching the existing mobile menu out with a plugin driven option:

    https://wordpress.org/plugins/search.php?q=mobile+menu

    The mobile menu can be de-activated from Appearance > Theme Settings > Navigation.

  2. 9 years, 8 months ago Bird on the Hand

    Thanks for your prompt help on this. . Will try the plugin..

  3. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    For sure. Thanks for your understanding. Hope you fine one more to your liking.

  4. 9 years, 8 months ago Bird on the Hand

    Hi Andrew

    Been playing around with the menu and was wondering if there is a setting to change the slider menu colour? If it matched the site menu colours it would be so much of a contrast to the rest of the site.

  5. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    There unfortunately isn’t. If you want to jump in the Custom CSS, insert the following under Appearance > Custom CSS:

    /* Mobile Nav */

.mobile-nav-frame {
background: rgba(34,34,34,0.5) !important;
}

.mobile-nav-frame .title h3 {
color: white !important;
text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8) !important;
}

.mobile-nav-frame ul {
background: #212121 !important;
border: 1px solid #111 !important;
}

.mobile-nav-frame ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.mobile-nav-frame ul li a.link {
color: #F3F3F3 !important;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7) !important;
}

    Colors are set above using RGBA:

    http://www.w3schools.com/cssref/css_colors_legal.asp

  6. 9 years, 8 months ago Bird on the Hand

    Hi Andrew

    Changed the responsive menu colour thanks.
    Will the custom css be overwritten with any updates?

    Also the one thing I can’t seem to create is a heading for a sub menu without it being a page which opens when clicked.

    Can you help?
    http://www.birdsofpreyexperience.co.uk/
    Menu item experience days

  7. 9 years, 8 months ago Bird on the Hand

    Fixed the sub menu header issue.
    Wordpress is so different to Dreamweaver where you have your design page and work from the menus round that. Need to change your mind set. I suspect creating sites with WordPress is easier once you have learned to navigate the system.

    Was tearing my hair out trying to find font changes etc in the visual editor and eventually found the Toolbar toggle. I would have designed it with both open toolbars open by default. Grrrrrrrrrrrrrr :)

  8. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Glad to hear you’ve made progress.

    Appearance > Custom CSS is upgrade safe.

    The menu is question is a common one. For anyone else reading, if you want the first item, the parent menu item, of your drop down menu to be non-clickable do the following:

    Under Appearance > Menus insert a Link instead of a Page.
    Insert any url you like int the url field.
    Once the Link item has been inserted into the menu you can then remove the url.
    Make that your drop down menu parent.

    The Visual Editor toolbar is also a common trip up point. Glad to hear you managed to resolve it.

  9. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    And for sure, it’s a big adjustment from Dreamweaver, but much faster once you get into it.

  10. 9 years, 7 months ago Bird on the Hand

    Have made the colour adjustments, fiddled with the css and it turned out well.
    with the colours matching the main menu and the transparency the menu looks integrated to the site. All sort of came together accidentally.
    Have a look
    http://www.birdsofpreyexperience.co.uk

    Thanks for all your help. You’ve been very “responsive” lol – that’s bad, nearly as bad as some your elephant comments :)
    My wife improved on one of them
    I got stitched up the other day,
    I fell into a re-upholstery machine.
    but I am fully recovered now.
    Have a great day.

  11. 9 years, 7 months ago Andrew Misplon
    Hi, I Work Here

    Super nicely done, that looks great!

    Hahaha, thanks for the new footer comment, I’m sure Greg will love it. I’ll send it over to him shortly.

    All the best with your project.

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