Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 16, 2019 at 10:20 am #1148363
    FA123

    I am not a very tech person, so I’m not sure if I am doing it correctly, I’m trying to remove any padding when viewed on mobile. I like how the padding looks on desktop – but the elements become squished on mobile view.

    I googled and added the following to General Styling > Quick CSS, but it doesn’t work:

    <style>@media only screen and (max-device-width: 736px) {
    .responsive #top #wrap_all .flex_column {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    }}</style>

    The page is below in the private section, when viewed on mobile you will see that the masonry gallery has a lot of padding around it. Can you help? I would like this to be applied across the whole site to any padding in columns / cells.

    October 17, 2019 at 5:54 am #1148780
    Rikard

    Hey FA123,

    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

    October 17, 2019 at 3:33 pm #1148945
    FA123

    That worked perfectly – thank you so much!

    October 17, 2019 at 4:54 pm #1148983
    Jordan Shannon

    Hi,

    I’m gad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Help! I would like to remove any column padding when viewed on mobile’ is closed to new replies.