Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 3, 2020 at 11:00 am #1243058
    FayeMcC

    Hi

    I use grid row’s a lot on my site. So that the text doesn’t run at the edge, i use padding tot he left and right of about 160px. However when viewed in mobile it makes the text column very thin and narrow.

    Is there a way (quick CSS code) i can add that will force mobile to ignore padding?

    The only work around i have found so far is to duplicate rows, tune one for desktop the other for mobile and then hide accordingly…..sure there is a better way :-)

    I have pasted an example

    Many thanks

    Faye

    September 4, 2020 at 6:07 am #1243227
    Rikard

    Hey FayeMcC,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.flex_column {
  padding: 0 !important;
}
}

    Best regards,
    Rikard

    September 4, 2020 at 10:31 am #1243260
    FayeMcC

    Hi Rikard

    Great thank you – that worked perfectly!

    Just need a fix for my icon box heights now.

    Cheers

    Faye

    September 4, 2020 at 2:03 pm #1243347
    Victoria

    Hi FayeMcC,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

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