Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 11, 2017 at 2:13 pm #837459
    seykom

    Hello,
    I have integrated a GIF on the following site: http://www.21snacks.com/ueber-uns/
    But it is cut off on the mobile view.

    Can you help me, please?

    Thanks
    Ramona

    August 15, 2017 at 5:55 am #839066
    John Torvik

    Hey seykom,

    Thank you for writing in!

    Just add this custom code at Enfold Theme Options > General Styling > Quick CSS

    
@media only screen and (max-width: 769px) {
 .gif_ueberuns {
   display: block !important;
   padding-top: 75% !important;
 }
}

    Best regards,
    John Torvik

    August 15, 2017 at 10:10 am #839149
    seykom

    Hi John,

    thanks, but it doesn’t work. The GIF is always cut off on the right side at my smartphone.

    Thanks,
    Ramona

    August 15, 2017 at 11:32 am #839200
    Victoria

    Hi Ramona,

    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: 475px) {
 .gif_ueberuns {
   background-size: cover !important;
   min-height: 377px !important;
 }
}

@media only screen and (min-width: 476px) and (max-width: 769px) {
 .gif_ueberuns {
   background-size: cover !important;
   min-height: 700px !important;
 }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 15, 2017 at 2:52 pm #839316
    seykom

    Hi Victoria,

    thank you! It works :-)

    Best regards,
    Ramona

    August 16, 2017 at 6:05 am #839694
    Rikard

    Hi Ramona,

    Great, glad you got it working :-)

    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.