Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1008718

    Dear Support,

    I am using an Image aligned at the bottom of a color section. It looks fine on desktop.
    I now try to optimize the page for mobile, so I hide that image on mobile.

    I then duplicate the image container, use mobile optimized picture and hide it on desktop.
    Now the Image still looks fine on desktop, but the image on mobile has space below / between the picture and the end of the color section.

    How to prevent this?

    Big thanks in advance.


    Hey Stefan,

    Which page and element are you referring to?

    Could you please attach some screenshots of the issue?

    Best regards,


    Hey Victoria,

    all you need is already in “Private Data”. There is the link and screenshots.



    Hi Stefan,

    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){
        #support .avia-image-container.avia-align-center {
            margin: 0;

    If you need further assistance please let us know.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.