fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Need to fix description of variotion

Sergey Savin

Hello I have issues with the plugin it’s working fine but I facing issues with the description and name

View post on imgur.com


as you can see names of the countertops go to the left and variation pic on the right
and here are pictures from the mobile device

View post on imgur.com

How we can do we the name of variation put on top of it
or adjust it so it will look properly?
our web page www.willowbathandvanity.com
here is some link for variation

https://willowbathandvanity.com/product/aberdeen-36-in-w-x-22-in-d-free-standing-left-offset-sink-bathroom-vanity-with-countertop-and-white-basins/?attribute_pa_finish=hale-navy-blue&attribute_pa_countertop=double-cove-edge-empira-quartz

Hakik Zaman

Hello Sergey,

Thanks for reaching out to us. Please put the below code at Appearance > Customize > Additional CSS and press Publish button-

@media screen and (max-width: 767px){
   .woocommerce div.product form.cart .variations td.label {
      display: block;
   }
}

Please let me know if it resolves your issue.

Thanks

Hakik Zaman

Hello Sergey,

Please put the below code at Appearance > Customize > Additional CSS and hit Publish button-

@media screen and (max-width: 767px){
.woocommerce div.product form.cart .variations td.label {
display: flex;
justify-content: center;
}

   .woo-variation-swatches .variable-items-wrapper {
justify-content: center;
}
}

Please let me know after applying the above CSS snippet.

Thanks