- This topic has 3 replies, 2 voices, and was last updated 2 years, 9 months ago by
.
-
Posts
-
Hi
I’ve been trying to figure out why when on mobile there is space between the stacked columns, I’ve 4 columns when on desktop and then they stack on mobile, but I can’t figure out how to close the gap. wondering if anyone can see what is causing it?I’ve turned on Gutenberg with a bit of code so I could use it in woocommerce, which now I’m wondering if it was a bad idea and should have used a columns plugin of some sort instead.
Thanks
Customer Support
Hi Heather,
WP adds
row-gapto its columns, and each<p>element has a default margin bottom.Those 2 combined are the gap you see.
I would recommend using the
Gridblock of GenerateBlocks plugin instead of WP’s columns block, so you can set vertical gap to 0 on mobile.And the
Headlineblock of GB allows you to set spacing (padding/margin) to the headline (can be used as paragraph as well), so you can set the bottom margin of the paragraph to 0.Thank you, I will give that a go, knew it would be something fairly simple to sort 🙂
Thanks again
No Problem, glad to help 🙂
- You must be logged in to reply to this topic.
