Home › Forums › WoodMart support forum › Spacing for Promo boxes on mobile view

Spacing for Promo boxes on mobile view

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

Tagged: , ,

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