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

Hello,

The colour boxes appear displaced on my catalog page on mobile view. There’s space between the first and the second, and no space between the second and the third box. How can I fix that? Thanks.

Screenshot 2021-12-04 at 9.59.50.png

Hakik Zaman

Hi Tsvetelina,

Thanks for reaching out to us. We are sorry for your inconvenience.

Could you please give your catalog page link to check?

Hope to hear from you!

Thank you

Hakik Zaman

Hi Tsvetelina,

Please place the below CSS at Appearance > Customize > Additional CSS 

@media (max-width: 980px){
   .et-db #et-boc .et-l .et_pb_shop ul.products .variable-items-wrapper .variable-item:nth-child(2) {
      margin-right: 8px !important;
   }
}

Please let me know if it resolves your issue.

Thank You

Hakik Zaman

Hi Tsvetelina,

Thanks, I will wait for your beautiful thought here. 🙂

I am closing this ticket as resolved.

Please feel free to open a new ticket if you face any issues in near future.

Thank You