Docs

[powrider686]

Hey there,
On my site, roadsidegal.wpengine.com, the cart seems to display improperly most of the time, although occasionally there is no issue.

There’s a bar of pixels that extends underneath the cart’s total.

I have attached a screenshot for you to check out.

Thanks for the help!

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-navbar .x-nav > li.x-menu-item-woocommerce > a .x-cart > span.outer {
  padding-bottom: 6px;
}

Cheers!

[powrider686]

That fixed it, mostly…

When you scroll down and the header becomes sticky, then you see the extra pixels again. Is padding it more the key? I feel like there might be a bug or something making that not display properly?

Thanks for the help!

[Rupok]

Hi there,

I have checked and it seems same on fixed Navbar as well. Here goes a screencast on my end – http://recordit.co/c9a5MeSEv6

Cheers!

[powrider686]

Hello,
So I’m having some problems with the cart button again. It seems that whatever padding was added has changed how it functions, so now the cart background is way larger than it needs to be.

I’ve attached a screenshot of the problem. You can compare to how it was, and I would like it to be in the previous screencast.

Thanks for the help!

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

.x-navbar .x-nav>li.x-menu-item-woocommerce>a .x-cart.inline.outer-inner {
max-height: 36px;
overflow: hidden;
}

Hope it helps, Cheers!

[powrider686]

That did the trick, thank you!

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts