Download all Joomla templates including quickstart (demo)only $24.99

Forum

  2. Home
  3. Forum
  4. Template Support
  5. Premium Joomla Templates
  6. Littles: Mobile menu collapse when scrolling down / expand when scrolling up
Important - Hands Up!

- Please ask using the account with which you made the purchase or download of our products and in its respective category.
- If you bought our products in another market, ask your questions in that market, not here.

* ADD PRODUCT NAME IN START OF SUBJET

Littles: Mobile menu collapse when scrolling down / expand when scrolling up

  • S
  • spike Premium Member
  • Topic Author 2 weeks 6 days ago #1
I'm using Header Top Bar Menu. Would menu behavior like in the video be possible? Collapse when scrolling down / expand when scrolling up in Mobile?

Part of the message is hidden for the guests. Please log in or register to see it.


Thanks in Advance.

Please Log in or Create an account to join the conversation.

  • L
  • leoalv Moderator
  • 2 weeks 6 days ago #2
Hi there, it seems you haven't attached the video link correctly, so we can't see it.

But I think you mean that the header is hidden when you scroll down and shown when you scroll up.

Helix's behavior is header sticky, so it keeps the header stuck at the top and doesn't have the behavior you request.

By deactivating Header Sticky I think you could implement a script that gives it the behavior you request, this script must add the header-sticky class to the #sp-header element when you scroll up and remove it when you scroll down. Because the rest of the CSS, styles and fixed are all ready when using the header-sticky class it will inherit it.

Regards
The following user(s) said Thank You: spike

Please Log in or Create an account to join the conversation.