CTA spacing on mobile devices

Permalink Browser Info Environment
Hello,

We have 3 CTA in a 3 column twitter bootstrap layout. when viewing on mobile devices there is no padding above or below each CTA. Is there a way to add padding above and below only for mobile devices?

Kindly,
Athan

Type: Pre-Sale
Status: Resolved
AthanD
View Replies:
shahroq replied on at Permalink Reply
shahroq
Hi,
In edit mode, click on the block and select 'Design & Custom Template'. From there you can either add margin/padding by clicking on 'arrow-h' icon or use theme defined classes. For more information on second option check 'Instructions' page #30.
AthanD replied on at Permalink Reply
AthanD
Thank you for your response but is there a way of setting a padding or margin value to a block only for mobile devices?
If i add a 30px margin or padding to my CTA blocks it helps in the mobile view but makes the desktop view look worse as there is a larger white space above the block.

Kindly,
Athan
shahroq replied on at Permalink Reply
shahroq
It won't. If they assigned properly, you would have decent space between blocks in both devices. I am not sure which template you are using, but by investigating the sample pages created on installation, you can imitate the settings on any page. And if you couldn't figure it out, send me your site credentials via private msg and I will fix it for you.

concrete5 Environment Information

Nil

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.