[Resolved] Woocommerce attribute label tweaks + short description bug

[Dorin]

Hey guys,

So I’m almost finished tweaking my print store, but there a few minor things I can’t fix myself. The last row of the product variations is a bit wider which makes the attribute label go lower. The label should be vertically aligned like the ones above, in the middle. It is technically, I know. 🙂 And for mobile view, I would like the attribute labels above the values boxes. And the boxes should have 100% width.

And the bug… The short description on each product (below the title and the price interval) dissapears after a few seconds on Chrome. It stays visible in Safari though. Any ideas on why is this happening?

Thanks.

[David]

Hi there,

1, The variations alignment. Woo outputs the Reset variations link in the last select box… doh … which adds additional space.

Add this CSS to correct that:

.variations {
    position: relative;
    padding-bottom: 20px;
}
.reset_variations {
    position: absolute;
    left: 0;
}

2. Stacking variations on mobile – add this CSS:

@media(max-width: 768px) {
    .variations * {
        display: block;
    }
}

3 Do you mean this:

https://www.screencast.com/t/djyBft48BX

I checked on MacOS and iOS chrome and it doesn’t disappear.

What am i missing ?

[Dorin]

Thanks so much, David. Works great.
Regarding the short description missing in Chrome for desktop, I checked the page in incognito mode and it works. So I cleared the cache and did a hard reload of the page. But it still dissapears. Anyway, I’ll figure it out. I’m marking this as resolved.

[David]

It maybe a Browser extension thats messing with the text 🙂

Glad to be of help

[Dorin]

Yes, that was it. 🙂 Thanks so much, David.

[David]

You’re welcome!

[Author]

Posts