Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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.
    Stefan

    #1008900

    Hey Stefan,

    Which page and element are you referring to?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #1009118

    Hey Victoria,

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

    Best
    Stefan

    #1009286

    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,
    Victoria

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

You must be logged in to reply to this topic.