Tagged: , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 12, 2018 at 6:13 am #1008718
    ti2media

    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

    September 12, 2018 at 1:32 pm #1008900
    Victoria

    Hey Stefan,

    Which page and element are you referring to?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    September 12, 2018 at 11:25 pm #1009118
    ti2media

    Hey Victoria,

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

    Best
    Stefan

    September 13, 2018 at 9:24 am #1009286
    Victoria

    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

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