• 

  MarkStore

  Participant

  January 23, 2021 at 17:39

  Hello,

  I would like to reduce the padding (or maybe it’s margin?) between the thumbnails on my shop page, but only on MOBILE DEVICE.
  Reduce the space between the 2 columns, and between the rows also.

  Screenshot: https://paste.pics/BE17L

  I couldn’t find any settings on the theme customizer.
  Maybe you could help me with a CSS code snippet or something else?
  Thank you,

  Regards

  Please, contact administrator
  for this information.

  #269869 Copied Theme version: 7.2.3 WooCommerce version: 4.8.0

  4 Answers

  

  Rose Tyler

  Support staff

  January 24, 2021 at 11:52

  Hello,

  Add the next code in Theme Options > Theme Custom CSS > Custom CSS for mobile:

  .products-grid .product {
      padding: 0px 5px;
  }
  .products-grid .content-product {
      margin-bottom: 5px;
  }

  Regards

  #269934 Copied
  

  MarkStore

  Participant

  January 24, 2021 at 13:27

  Thank you. It works nice!
  One last thing: I would like the PRODUCT TITLE to be closer to the thumbnails.

  Screenshot: https://paste.pics/BE89J

  Can I have an extra bit of CSS code for that also?
  Thank you,

  Regards

  #269943 Copied
  

  Rose Tyler

  Support staff

  January 24, 2021 at 15:31

  You’re welcome!
  Use this code also:

  .content-product .product-image-wrapper {
      margin-bottom: 5px;
  }

  Regards

  #269956 Copied
  

  MarkStore

  Participant

  January 25, 2021 at 15:01

  That’s perfect, thank you very much!

  Regards

  #270078 Copied