Spacing for Promo boxes on mobile view

This topic has 3 replies, 2 voices, and was last updated 6 years, 6 months ago by Elise Noromit.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
June 3, 2018 at 10:15 pm #61003

mbx
Participant

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?

June 4, 2018 at 7:49 am #61029

Elise Noromit
Member

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

June 4, 2018 at 11:38 am #61095

mbx
Participant

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.

June 4, 2018 at 12:42 pm #61108

Elise Noromit
Member

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