Joomla Templates Club 406,261 posts

[calavaro Friend calavaroJoin date: August 2013Posts: 125Downloads:7Uploads:34 Thanks: 28 Thanked: 24 times in 1 posts]

#193280

Hi,

How do I fix the 2 buttons (menu and cart) in mobile layout to only be visible when visitors to the site scrolls all the way up?

When they scroll down, in mobile layout, the cart and menu buttons should disappear.

Is this possible?

Thank you.

All the best,

Calavaro

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#516670

Hi calavaro,

This is a small guide. But you may need to BACKUP before proceeding.

This patch contains some files which help to implement your request

If you have not customised anything on the following files, just copy and overwrite it.

<blockquote>- jquery.affixtopmenu.js => js/jquery.affixtopmenu.js
– script.js => js/script.js
– custom.css => css/custom.css
– assets.xml => etc/assets.xml</blockquote>

If you have customized one of these files, follow steps below:

1. Copy jquery.affixtopmenu.js => js/jquery.affixtopmenu.js
2. Open js/script.js and add $(‘.cart_products > .dropdown-toggle, #t3-mainnav .btn-navbar’).affixmenu();
inside the last $(document).ready(function($){ … }) call. Please open script.js in attach file for more information
3. Copy all styles in custom.css to your css/custom.css (if you have this file) or just copy it to correct folder as above
4. Copy assets.xml file to correct folder or add ‘<file>js/jquery.affixtopmenu.js</file>’ to your etc/assets.xml file if you have changed it.

Hope it helps,

---

Attachments:

1. jquery.affixtopmenu.zip

1 user says Thank You to Wall Crasher for this useful post

1. calavaro

[Author]

Posts