Helix3 Sticky Header And Sticky Topbar - Need Offset
Mia
Hello dear team,
we implemented a sticky header together with a sticky topbar, as described here https://archive.joomshaper.com/forums/sticky-top-bar-helix-3 , and it works so far.
Now we just want the headermenu also to become immediately fixed, before any scrolling, but it seems it still scrolls this new added 40 pixels up, before it jumps to the ok fixed position.
We guess an offset of minus 40 pixels for the scroll effect could do the job, but have no idea where to add (CSS, or in main.js?) Please could you help us with this? Thank you very much!
Mehtaz Afsana Borsha
Accepted AnswerPlease replace this line with following
var stickyNavTop = fixedSection.offset().top - 40 ;Mehtaz Afsana Borsha
Accepted AnswerHi
You can follow this:
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
-Regards
Mia
Accepted AnswerHello,
thank you for your answer, but it didnt help. The question is, how we can avoid that the header (menu+logo) jumps on initial scrolling from visitor. The top-bar is fixed instantly, the header does a jump if the visitor scrolls down (about the same 40 pixels as added according to the other forumthread).
If you visit the site, and you start scrolling, you see the top-bar not moving, but the header moving for 40px before it jumps to fixed position (as it is the top-bar from beginning). We want to avoid this moving. In coding words: We need an (minus)offset how to avoid this visual jump from the header on initial scroll from visitor (in css or js)
We know where and how to implement custom directives in custom css and main.js, thats not the question.
We need the position where and how to put this 40px offset in the code, so that the header stops jumping after 40px on scroll from visitor.
Thank you for your help
kind regards
Mia
Accepted AnswerHello, here are some screenshots. The headermenu seems not to be fixed for the first few pixels scrolling. Thanks!! https://we.tl/t-QMwuddenho
Mehtaz Afsana Borsha
Accepted AnswerGlad to know that:)
You are always welcome!
It would be very kind of you if you can manage some moment to give us feedback here:
https://extensions.joomla.org/extension/sp-page-builder/
https://www.trustpilot.com/review/www.joomshaper.com
Please let me know your name on the review. Thanks for being with us :)