Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 15, 2020 at 10:15 am #1252967
    mirr

    I tried different css from the forums to reduce the space on mobile between my 3 column lay-out. Nothing seems to do anything to reduce the white space. Hope you can help me out! Thanks a lot

    October 16, 2020 at 10:44 am #1253224
    Rikard

    Hey mirr,

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

    @media only screen and (max-width: 767px) {
.home #av-layout-grid-1 .flex_cell {
  padding: 0 !important;
}
}

    Best regards,
    Rikard

    October 29, 2020 at 11:05 am #1256653
    mirr

    Thanks! Also is it possible to make the space between rows smaller on mobile? There is a pretty big gap of whitespace between rows. Thanks!

    October 29, 2020 at 11:35 pm #1256922
    Victoria

    Hi mirr,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width:767px) {
    #top .flex_cell {
        padding: 10px !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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