Archived topic
Woocommerce attribute label tweaks + short description bug
5 replies · Started by Dorin on November 15, 2022
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.
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 ?
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.
It maybe a Browser extension thats messing with the text :)
Glad to be of help
Yes, that was it. :) Thanks so much, David.
You're welcome!
