Hi @labblescience,
Use following css:
.home-icon.icon-active {
height: 40px;
}
We believe it will solve your problem. Feel free to message us if you need further help.
Thanks for your help, but it didn´t solve my problem. O.o
I added the following code and partly fixed the problem (menu and navigation wrapper are of one size now), but the script doesn´t accept the new height of .home-icon.icon-active, which remains too big. Why can´t I overwrite the size!?
.home-icon.icon-active {
margin-top: -4px;
height: 37px;
}
.desktop-menu.clearfix {
height: 37px;
}
.main-navigation.clearfix {
height: 37px;
}
If I use analyze Tool it shows me:
.home-icon.icon-active {
margin-top: -4px;
height: 52px;
}
But I don´t know where to find the element. It doesn´t show up in style.css
Hello,
Could you please try this CSS? NOTE: the !important rule should only be used if you absolutely have to use it. You can read more about the !important rule below.
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception
.home-icon.icon-active {
margin-top: -4px;
height: 37px !important;
}
The other thing it could be is if you have a typo in your CSS somewhere, that can mess the rest of your code up if the above CSS is below the code with an error. A tool like this can help check your CSS for errors.
https://jigsaw.w3.org/css-validator/#validate_by_input
Thanks,
Alex
!important worked!!!!!!!!!
Thanks a lot!!!!
Hello,
!important worked!!!!!!!!!
Great, glad to hear that!
Have a great day!
Alex
