Home>Support>Mobile Nav JS

Mobile Nav JS

By Ibraheem, 6 years ago. Last reply by Ibraheem, 6 years ago.

Hi,

Long-time lurker here. Can I just start off by saying that I absolutely love what you guys are doing with your Page Builder and Vantage; in my humble opinion, the combination of the two provides the best starting point currently available to devs for custom-built websites using child themes. The code base is very robust and extensible and I am still discovering new ways of designing cutting-edge user interfaces with it. So thank you very much.

I’d like to ask after the JS config for the mobile nav in Vantage. If I were to tweak some settings and place the resulting mobilenav.js file in my child theme, would this override the version in the parent Vantage theme (i.e. if I preserve the folder structure ‘child-theme/inc/mobilenav/js’)? If not, what is the best way to go about this?
My current project requires the burger menu with slide out drawer to be the default menu on both large and small screens (sort of how google does it in material).

Any help would be greatly appreciated.

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

  1. 6 years, 8 months ago Alex S
    Hi, I Work Here

    Hi Ibraheem,

    Thank you for the kind words! :)

    My current project requires the burger menu with slide out drawer to be the default menu on both large and small screens (sort of how Google does it in material).

    I would recommend giving ShiftNav a try as it’ll remove the need for you to make any adjustments to the mobile menu.

    If I were to tweak some settings and place the resulting mobilenav.js file in my child theme, would this override the version in the parent Vantage theme (i.e. if I preserve the folder structure ‘child-theme/inc/mobilenav/js’)? If not, what is the best way to go about this?

    No, it won’t override the parent. You’ll need to duplicate this function (in its entirety) to your child theme and adjust it as desired – specifically, swap get_template_directory_uri for get_stylesheet_directory_uri.

    I’ll put in a feature request to change these so that you can more easily replace these files.

  2. 6 years, 8 months ago Ibraheem

    I would recommend giving ShiftNav a try as it’ll remove the need for you to make any adjustments to the mobile menu.

    Hi Alex, thank you for the reply and clarity on how the JS works. I would prefer to code it natively in CSS3 without a plugin but I’ll take a look at ShiftNav and see if I like it.

    I’ll put in a feature request to change these so that you can more easily replace these files.

    It would be nice if there were two other menu layouts supports within the customizer:
    1) The Burger Menu layout
    2) Centre logo with menu to either side

    I’ve built a number of websites for clients who wanted the latter, such as Glam-ldn but I had to register two new menus and then rig the masthead. It would be awesome if these layouts were in-built within Vantage.

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