Shape 5

Joomla Templates => Fitness Center - Club => : osense March 12, 2018, 12:19:59 PM



: Top gray bar menu to float and stay fixed at the top
: osense March 12, 2018, 12:19:59 PM
Dear team,

Can you clarify for me how can I fix the top bar menu in the mobile version, that can float and stay fixed visible at the top while I scroll down on the page?

Thank you,


: Re: Top gray bar menu to float and stay fixed at the top
: mikek March 13, 2018, 08:11:59 AM
Hello,

In the template configuration under Main/Responsive Nav enable "Enable floating menu position?".


: Re: Top gray bar menu to float and stay fixed at the top
: osense March 15, 2018, 04:30:54 AM
Thank you, but your solution will not help. Is there a way that is enabling the floating menu only on mobile version?


: Re: Top gray bar menu to float and stay fixed at the top
: mikek March 15, 2018, 06:56:56 AM
Hello,

Yes, with the feature I mentioned above. That setting only affects mobile.


: Re: Top gray bar menu to float and stay fixed at the top
: osense March 15, 2018, 09:24:57 AM
Thank you Mike,

I see it's working in Off-canvas layout, but not in drop-down menu layout, which I need to use in my case. I would like to have the drop-down menu stayed sticked in the top in the browser, while navigating down, for better user experience. Do you have a solution for me? Can I set it somewhere in the template settings or do I need to adjust it with CSS (e.g. using position: fixed)? Can you in that case tell me where I can change it in the CSS?

Thank you in advance



: Re: Top gray bar menu to float and stay fixed at the top
: mikek March 16, 2018, 07:26:08 AM
Hello,

I'm sorry it only works for off canvas. It has to do this because if the menu gets longer than the screen itself it would have no way to scroll through the menu; so that's a default feature of the framework. I realize you have a short menu on your site, but the framework adjusts for all sites.