Spacing for Promo boxes on mobile view

I was testing out my site to see how the responsive nature was working and almost everything seemed to be fine except that the promo boxes stack on top of each other without the spacing between them. I can’t find any settings that would define this or be causing this. I looked at your demo and it doesn’t do this. What am I missing?

Also, another question is how would I control the spacing of each element via mobile view for this theme?

Hello,

In order to configure spacing, please watch this video tutorial https://kb.wpbakery.com/docs/learning-more/element-design-options/

You will need to set paddings and margins in row and columns as shown in the video and promo banner will occupy full width and height of the configured column.

Best Regards

I’m familiar with that option using visual composer but the problem is for mobile view only. I’m not sure exactly what’s causing this spacing issue. I think there’s probably some css that you have that allows for that and since I had to change the structure because of the previous “Load more” bug on multiple blog elements and I’ve had to add things in its row, I think this changed the result of how the promo renders. What settings can be tweaked for mobile view only.

Hello,

Please have a look at the screen http://prntscr.com/jqngyr

You configure spacing in rows and columns banner takes full width and full height of the column.

Best Regards

[Author]

Posts