How to modify menu bar?

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

Fantastic!!!