huggettm Posted April 30, 2018 Share Posted April 30, 2018 re this thread: Has anyone got this working? its not as simple as just adding div class="sticky" Quote Link to comment Share on other sites More sharing options...
TileCo Posted April 30, 2018 Share Posted April 30, 2018 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 Quote Link to comment Share on other sites More sharing options...
huggettm Posted April 30, 2018 Author Share Posted April 30, 2018 thanks did you add the nav class line? i dont have that in foundation? assumably it needs closing too. Quote Link to comment Share on other sites More sharing options...
TileCo Posted May 1, 2018 Share Posted May 1, 2018 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} Quote Link to comment Share on other sites More sharing options...
huggettm Posted May 1, 2018 Author Share Posted May 1, 2018 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> Quote Link to comment Share on other sites More sharing options...
fabriceunko Posted May 1, 2018 Share Posted May 1, 2018 Hello, how are you getting to the floating menu? because I try it also on my site and it does not work Quote Link to comment Share on other sites More sharing options...
fabriceunko Posted May 4, 2018 Share Posted May 4, 2018 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? ... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.