How to reduce column spacing between products

  • So vertical space between product columns is ok when viewing on desktop or tablet but on mobile the space between columns as seen is a bit more than required , i am using the products shortcode to display featured products on the homepage and column spacing is the thing i am unable to rectify after scouring the internet for hours , pls help me with this

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • You use Elementor to design the output. As far as I know, there is a bug in their version 3.16.0 that affects this spacing. This was fixed in 3.16.3 as far as I know. If you have one of the affected versions, I would recommend an update.

    Independently of this, the spacing could be influenced by using the placeholder –grid-columns-gap in the CSS. I suspect this also comes from Elementor, which is why I’m unsure whether you should use custom CSS. My recommendation would be to ask the Elementor forum: https://www.ads-software.com/support/plugin/elementor/

Viewing 1 replies (of 1 total)
  • The topic ‘How to reduce column spacing between products’ is closed to new replies.