This topic has 10 replies, 3 voices, and was last updated 7 years, 4 months ago ago by Olga Barlow
Hey…i have some problems with my fixed header.
I would like to have only a few px padding, now my fixed header is to large in its height
i have to tried different custom css, but nothin happen at the frontend.
for example
@media only screen and (min-width: 992px){
.fixed-header {
max-height: 40px;
padding-top: 5px;
padding-bottom: 5px;
}
}
I tried to change the padding px, but the fixed header is always the same at the frontend……maybe u could help me with that little problem 😉
max or min height work good, but the padding doesnt works
another question….
how can i remove the padding between the main navigation and the secondary navigation in the mega menu?
Thanks
EDIT: the problem is only on the fixed header
moreover…how could i change the link hover on the main and secondary navigation…….
Thanks
the fixed header is always the same at the frontend
– let us know your site url to check this
remove the padding between the main navigation and the secondary navigation in the mega menu?
.menu-wrapper .menu > li:hover .nav-sublist-dropdown { top: 0 !important; }
put the above css in,
8theme options >> styling >> custom css >> global custom css
how could i change the link hover on the main and secondary navigation
– it’s not clear.
– what you want to change there?
– hover color? something else?
remove the padding between the main navigation and the secondary navigation in the mega menu?
.menu-wrapper .menu > li:hover .nav-sublist-dropdown { top: 0 !important; }put the above css in,
8theme options >> styling >> custom css >> global custom css
doesnt work…see on image below
how could i change the link hover on the main and secondary navigation
– it’s not clear.
– what you want to change there?
– hover color? something else?
yeah…hover color on main navigation and secondary navigation
thanks a lot
Hello,
1) Your screenshot is broken, please, provide correct link.
2) Use the following Custom CSS
.menu-wrapper .menu > li > a:hover {color: green;}
@media only screen and (min-width: 992px){ .item-design-mega-menu .nav-sublist-dropdown .nav-sublist a:hover {color: green;}}
Regards
works great….thank u very much 🙂
You are welcome!
Regards
You must be logged in to reply to this topic.Log in/Sign up