Jump to content
huggettm

Floating menu

Recommended Posts

I have <div class="sticky"> in box.navigation.php above the <nav class="top-bar ...

and then at the end of the nav line I have added data-options="sticky_on: medium,large"

<div class="sticky">
<nav class="top-bar category-nav" data-topbar="" id="box-navigation" data-options="sticky_on: medium,large">

I don't remember putting anything else in for this. It doesn't show until the navbar is at the top of the screen. The site that I have used it is https://www.vandatiles.co.uk/

Regards

Kenneth

 

 

Share this post


Link to post
Share on other sites

The nav line is in the version of foundation that I copied from. It is still showing in the latest 6.2.0 version. Yes they will need closing at the bottom right before the {/if}

Share this post


Link to post
Share on other sites

ah apologies, the file is box.navigation.php (tech support told me main.php)

 

 

Thank you for your help so far,

so I have this but it is not creating the sticky menu, do i need to populate data-topbar=""

 

 

<div class="sticky"><nav class="top-bar category-nav" data-topbar="" id="box-navigation" data-options="sticky_on: medium,large">
  <ul class="title-area">
     <li class="name"></li>
     <li class="toggle-topbar left"><a href="">{$LANG.navigation.title} <svg class="icon"><use xlink:href="#icon-caret-down"></use></svg></a></li>
  </ul>
  <section class="top-bar-section">
     <h5 class="hide">{$LANG.navigation.title}</h5>
     <ul class="left">
        <li class="show-for-medium-up"><a href="{$ROOT_PATH}" title="{$LANG.common.home}"><svg class="icon"><use xlink:href="#icon-home"></use></svg></a></li>
        {$NAVIGATION_TREE}
        {if $CTRL_CERTIFICATES && !$CATALOGUE_MODE}
        <li><a href="{$URL.certificates}" title="{$LANG.navigation.giftcerts}">{$LANG.navigation.giftcerts}</a></li>
        {/if}
        {if $CTRL_SALE}
        <li><a href="{$URL.saleitems}" title="{$LANG.navigation.saleitems}">{$LANG.navigation.saleitems}</a></li>
        {/if}
     </ul>
  </section>
</nav></div>

Share this post


Link to post
Share on other sites

Hello, I just noticed that the modification works. it works on my pc with mozilla and chrome, on my iMac with the same browser and safari, but it does not work on my macbook pro. can be a screen story? ...

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...