Announcement

Collapse
No announcement yet.

Want to use two nav bars

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Want to use two nav bars

    I would like to be able to use two nav bars. One for the desk top version and then a different one for the mobile. It appears that the mobile version is triggered by javascript into this div

    Code:
    <div id="js-mobile-navigation" class="mobile-navigation"></div>
    and from there I am lost. I'm trying to figure out from which ReadyTool (yeah I'm going there) nav bar it's picking up from. I'd like it to use one that I create specifically for the mobile display because I have a completely different nav bar that I want to use for desktop that I'm building in a Content Sections. I've tried using the code from the Navigation Set that works with this javascript but it seems to be missing something. I'm going to keep playing around with it. I'd hate to have to hard code all this in. I really want to be able to use these blocks.

    Leslie
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    Re: Want to use two nav bars

    Hi Leslie,

    I haven't attempted anything like that yet, but you should be able to create a new navigation set in ReadyThemes for just the mobile navigation. To start with, you would want to duplicate the layout of the main navigation as far as the structure goes. Then you would have to dissect the mobile navigation function in plugins.js to remove the sub-functions which perform the appending based on screen size.
    Matt Zimmermann

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment

    Working...
    X