Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 29, 2023 at 2:47 pm #1417443
    Munford

    HI. I am seeing padding around my images on mobile, which I want to remove.
    I tried:

     @media only screen and (max-width: 479px) {
#top .flex_column.av-llgp2cdp-3623419f95fd0220e3bfb96449f7146e {
padding: 0 !important; 
}
}

    but that didn’t work.
    Can you help me with this?
    Thanks so much
    Nancy

    • This topic was modified 1 year, 2 months ago by Munford.
    August 30, 2023 at 3:49 pm #1417579
    Yigit

    Hey Nancy,

    It looks like this is the padding you have on the Cell of your Grid Row element.

    You can edit the Cell, go to Styling > Padding, select the Smartphone Portrait screen size, and set the padding to zero ( https://i.imgur.com/3BISq8f.png ).

    Best regards,
    Yigit

    August 30, 2023 at 7:50 pm #1417609
    Munford

    Yigit,
    thanks for the help
    That worked for the top image on that page, but not for the rest of the images on the page.
    They are in a 1/1 column with 0 padding on mobile, but I dont’ see the changes
    Can you take another look?
    thanks
    Nancy

    August 30, 2023 at 9:30 pm #1417614
    Yigit

    Hi Nancy,

    Please add the following code to the Quick CSS field to remove the bottom margin from the images:

    
.page-id-54 .avia-image-container.avia-align-center {
  margin: 0;
}

    Best regards,
    Yigit

    August 31, 2023 at 10:31 am #1417668
    Munford

    Hi Yigit,
    I figured it out, thanks.

    • This reply was modified 1 year, 2 months ago by Munford.
    September 1, 2023 at 10:16 am #1417761
    Rikard

    Hi,

    Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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