Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 29, 2018 at 7:11 pm #979442
    Mosaik-Gin

    Hi togehter,

    Can you help me to reduce the number of shown instagram pictures for mobile devices?
    Desktop –> 12 Pics
    Mobile –> just 6 Pics

    Best Regards Tim

    July 2, 2018 at 9:14 am #980013
    Ismael

    Hey Mosaik-Gin,

    Thank you for using Enfold.

    Where did you add the instagram widget? I can’t find it in the footer section or anywhere in the site. Please provide the actual url of the page containing the widget.

    Best regards,
    Ismael

    July 2, 2018 at 11:58 am #980053
    Mosaik-Gin

    Hi Ismael,
    Sorry for the inconvinience! I added the link below.
    Aditionally I am using this CSS code.

    @media only screen and (max-width: 640px) {
.av-instagram-item a {
    width: 100%;
}
.av-instagram-item {
    display: block;
    number: 6;
    width: 50%;
    float: left;
    padding: 0;
}}

.av-instagram-item {
    padding: 0;
}

    Best Regards, Tim

    July 3, 2018 at 4:34 am #980377
    Ismael

    Hi,

    Thanks for the update.

    Add this css code inside that css media query. You may need to adjust the max-width value to 768px.

    div .av-instagram-row:nth-child(2) {
    display: none !important;
}

    Best regards,
    Ismael

    August 25, 2018 at 11:57 am #1001603
    Mosaik-Gin

    Hi Ismael,

    thank you very much, it works perfectly!

    Regards Tim

    August 25, 2018 at 5:58 pm #1001688
    Victoria

    Hi Mosaik-Gin ,

    Glad Ismael helped to get it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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