Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 1, 2016 at 12:27 am #591257
    shaversky

    Hi, guys!
    I’ve used 20% left and right padding in all boxes with text to make them more appealing.
    Now I have problems visiting the website from mobile.
    How can I switch off padding in these boxes on smaller displays?

    March 2, 2016 at 5:01 am #591862
    Rikard

    Hey shaversky,

    Wrap your code in this, adjust the pixel value as needed: 

    @media only screen and (min-width: 768px) {
your code goes here
}

    Best regards,
    Rikard

    March 3, 2016 at 3:06 am #592385
    shaversky

    Hi Rikard

    Thank you for your answer.

    I have more than 5 boxes like this – should I adjust the pixel value for each one separately?

    March 5, 2016 at 10:58 am #593690
    Ismael

    Hey!

    Turn on the custom css class so that you can specify which element to edit: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    For example, edit the column that contains the text block (What we do) and then add a custom css class attribute. Use “custom-column” for example. You can then adjust the padding on mobile devices with css media queries:

    @media only screen and (min-width: 768px) {
.custom-column { padding: 0 1% 0 1% !important; }
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.