[zoracreativeParticipant]

I noticed that my grids in Cornerstone, when they get past the mobile breakpoint and collapse to 1 column – I notice that they don’t have a margin at the bottom. So the bottom margin of a column ‘x-column x-sm x-1-5’ has no margin bottom or top. It would be nice if on mobile or I’m sure any other breakpoint that has the layout change based on browser width, that the columns could have margin on the bottom be different. Like on mobile maybe I’d want the column to have a 20px bottom but on desktop keep the columns having 0 since they wouldn’t have anything below them since they’re not stacked. Am I missing something? I love the theme and adding a class or expecting the client to would be kind of a bummer. Anyway to do this. Or how do you guys handle this. Below is a screenshot using a shortcode I made. It is an animated polaroid. It butts up against the next one.

https://gyazo.com/9a972c74be59ae8a5c2d27dc3ea08e18

[John EzraMember]

Hi there,

Thanks for writing in! To assist you with this issue, would you mind providing us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything. Thanks!

[zoracreativeParticipant]

Thanks for your response but I am developing locally. I was saying that columns, the 5 column, when they collapse to 1 column on mobile don’t have margin on the bottom. They butt up against the next column below. Is that to be expected. Can you set different margins and padding based on mobile without CSS breakpoints?

[RupokMember]

Hi there,

Thanks for writing back. You can select the columns and place mbs or mbm on the Class field. You can also set your own value (i.e. margin-bottom: 20px;) on the Style field.

Hope this helps.

Cheers!

[Author]

Posts