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
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 |
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
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
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.
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.