SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75! 
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

Menu sticky horizontal bar + sticky drop down

5 years 5 months ago - 5 years 5 months ago #125729 by hboinnard
Hello,

1. I would like to integrate a sticky menu, on one horizontal bar. Then the second level of menu items, with a drop down (not on hover, only on click/touch), and another sticky nav bar. See screenshot.





This part of the website will require little maintenance, as the content will not change overtime. It's on joomla 3.4.8, template derived from Protostar. It is my second Protostar customisation, I'm fine with CSS, but still learning a lot! That's why I'm a proud OSTraining member and enjoy your videos and support ;-) Still to say thanks again, and regularly!

2. The mobile menu will be a bit simpler, but different from what I have done already. See screenshot.



What direction should I take?
- customising the existing Joomla menu with more bootstrap2 classes (default with Joomla and Protostar)
- looking for an extension to manage the menus?

I've also heard about Joostrap, but I can't start the customised template from scratch now.

Kind regards,
Hervé

This message has attachments images.
Please log in or register to see it.

Please Log in to join the conversation.

5 years 5 months ago - 5 years 5 months ago #125733 by Valentin
Replied by Valentin on topic Menu sticky horizontal bar + sticky drop down
Hi Hervé,
This kind of features mainly depends on the template you're using.
Since you're in a Protostar based template, it will require to do a research.

However, with CSS you can tweak the code a bit to generate sticky elements: www.ostraining.com/blog/coding/fixed-elements/

In addition, some jQuery code can be necessary.

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
The following user(s) said Thank You: hboinnard

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!