Docs

[Lassejakobsen]

Hello,

I have searched through the forums and added a reduce size a styling to the navbar and logo upon scrolling down the page which I really like!

This is the code I have in the global CSS.

.x-colophon-content {
display:inline-block;
}
@media (min-width: 980px) {
.x-navbar .x-navbar-inner,
.x-navbar .x-brand img,
.x-navbar .desktop .x-nav > li > a {
transition: 0.25s all linear;
}
.x-navbar.navScroll .x-navbar-inner {
min-height: 45px;
transition: 0.25s all linear;
}
.x-navbar.navScroll .x-brand img {
max-width: 150px;
}

.x-navbar.navScroll .desktop .x-nav > li > a {
height: 30px;
padding-top: 15px;
}
}

However, the cart that is added through WooCommerce doesn’t follow the same styling, are you able to help me in getting it to do this?

Thank you,
Lasse

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Lassejakobsen]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this code in customizer :

.navScroll a.x-btn-navbar-woocommerce {
    padding-top: 9px !Important;
}

Hope it helps.

[Lassejakobsen]

Works perfectly, you guys are awesome! 🙂
Thank you

[Thai]

Glad we’re able to help 🙂

If you need anything else please let us know.

[Author]

Posts