- Posts: 14
- Thank you received: 0
Fixed header/topmenu when scrolling - Sparky Pro
11 years 2 months ago #42617
by SolidPro
Fixed header/topmenu when scrolling - Sparky Pro was created by SolidPro
Hi,
Can you please explain how to add this class (that you have here on your site as well) properly?
.header_container.fix_menu {
position: fixed;
top: 0;
z-index: 89;
width: 100%;
border-bottom: 2px solid #d7d7d7;
}
I need a fixed header/menu when scrolling but keeping the top menu responsive. Is there any other file to modify besides the template_css.css file?
Thank you very much!
Can you please explain how to add this class (that you have here on your site as well) properly?
.header_container.fix_menu {
position: fixed;
top: 0;
z-index: 89;
width: 100%;
border-bottom: 2px solid #d7d7d7;
}
I need a fixed header/menu when scrolling but keeping the top menu responsive. Is there any other file to modify besides the template_css.css file?
Thank you very much!
Please Log in to join the conversation.
-
ivan.milic
Support Staff -
- Offline
- Moderator
-
Less
More
- Posts: 14116
- Thank you received: 1639
11 years 2 months ago #42626
by ivan.milic
Replied by ivan.milic on topic Fixed header/topmenu when scrolling - Sparky Pro
You can put it any css file that loads on page but template_css.css (main template css file - intended four user customization) is recommended. You have to watch about property preference so usually adding code at end of that file is good place. If still property can not beet some other definition you use !important flag like:
.header_container.fix_menu {
position: fixed!important;
!important beats even style attribute
.header_container.fix_menu {
position: fixed!important;
!important beats even style attribute
Please Log in to join the conversation.
Time to create page: 0.312 seconds