Screen size dependent settings

[carinaa]

Hi,

Does Cornerstone have this feature to select different paddings/margins for different screen sizes?
For example, when I have 480px & smaller selected, the paddings/margins to be specific only for that size: http://prntscr.com/n2njkt
Is this possible?

In Beaver Builder for example I can click on the device icon and it switch to a different device size where I can input a different value, specific for that device size: http://prntscr.com/n2nku9

[ruenel]

Hello @carinaa,

Thanks for writing in! Regretfully there isn’t a feature in Cornerstone or Pro Editor that adds padding and margins in different screen sizes. What you can do is add an inline element css instead which can be found in the Customize tab of the element settings. You may add the following:

@media(max-width: 480px){
  $el {
    padding: 30px;
    margin: 20px;
  }
}

Hope this helps. Please let us know how it goes.

[carinaa]

Yes, I know about CSS, I was wondering if it was as easy as editing in the builder.
It would be a nice feature do add.

[ruenel]

Hello @carinaa,

Your feedback has been noted.
We’ve added this as a feature request so it can be taken into consideration for future development.

Thank you for your understanding.