Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 17, 2021 at 9:22 am #1281620
    finchkelsey

    Hello,
    Please help me target the animated gif on this page. I would like it to display full width. I cannot seem to target the container. i had a #gif on the section. We need to target globally as we will repeat this on other pages (so no targeting by page)..much appreciated!

    February 19, 2021 at 5:54 am #1282117
    Rikard

    Hey finchkelsey,

    It looks like that section is hidden? Please try to add the ID to a section instead, otherwise we can’t target the container element.

    Best regards,
    Rikard

    February 19, 2021 at 11:18 pm #1282339
    finchkelsey

    Apologies, it is visible on mobile screens only, please adjust your screen view to view it.

    Thank you

    February 22, 2021 at 3:31 am #1282698
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#gif-cut .container {
    width: 100%;
    max-width: 100%;
}
}

    Best regards,
    Rikard

    February 22, 2021 at 11:04 pm #1282924
    finchkelsey

    Hi thanks,

    It should be this but it doesn’t work, so I came here to see what I am missing. I have added this css and it doesn’t work.

    I have the gif in a text container in a basic image tag all in a full width section.

    Any other suggestions please!

    Thank you

    February 23, 2021 at 6:43 am #1282976
    Nikko

    Hi finchkelsey,

    Can you try using this CSS code:

    @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #gif-cut .container {
    width: 100%;
    max-width: 100%;
  }

  .responsive #top #wrap_all #gif-cut .container p, 
  .responsive #top #wrap_all #gif-cut .container img {
    margin: 0;
    padding: 0;
  }
}

    Best regards,
    Nikko

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