Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1417443

    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

    • This topic was modified 3 months, 2 weeks ago by Munford.

    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 ( ).

    Best regards,


    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?


    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,


    Hi Yigit,
    I figured it out, thanks.

    • This reply was modified 3 months, 1 week ago by Munford.


    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,

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