Docs

[anzezala]

Hi,
i have four products featured from my shop on my homepage.I like everything, there is just one one problem. Iwpuld like them to be smaller on certain devices. Especialy on a mobile because it takes forever to scroll past them. If you could please help me with the problem it would be great.
My website: wwww.zalc.si

Thanks.

[Rue Nel]

Hello There,

Thanks for writing in! To make the featured products smaller, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 767px){
  .woocommerce li.product .entry-featured {
    text-align: center;
  }
  
  .woocommerce li.product .entry-featured img {
    min-width: 20%;
    max-width: 50%;
    margin: 0 auto;
  }
}

We would loved to know if this has work for you. Thank you.

[anzezala]

Hi,
thanks for the quick fix and response. There is only one problem. The pictures got smaller but i think that the text stayed the same. Any chance of making the whole product windows smaller, like every aspect of it so it the same ratio.

Thanks

[Christian]

I see. Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Author]

Posts