Square shows as vertical row leaving page

  • Resolved Zaralene

    (@zaralene)


    4 years, 9 months ago

    Hi,

    Wpzoom on my desktop gave issues with 150 px and 9×3 and showed it as a vertical very long row with 2 pics. Now I changed that to 100px and that seems to work. However not on mobile. I added your code from another topic, but that doesn’t work for me. Help is much appreciated ??

    .zoom-instagram-widget__items li a {
    background-size: cover !important;
    }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author WPZOOM

    (@wpzoom)

    Hello,

    Try adding the following CSS code in the Customizer > Additional CSS, and then you will get 3 columns on mobile devices too:

     @media screen and (max-width: 360px) {

    .zoom-instagram-widget__items .zoom-instagram-widget__item {
        width: 30%;
        height: 90px;
        margin-right: 10px !important;
        margin-bottom: 10px  !important;
        overflow: hidden;
         
    }

    .zoom-instagram-widget__items li:nth-child(3n+3) {
        margin-right: 0 !important;
    }

}
    Thread Starter Zaralene

    (@zaralene)

    Thank you, that worked. But I transferred the site to a new domain and I get this message:

    Instagram Widget misconfigured, check plugin & widget settings.
    Get items from the Public Feed failed. Malformed data structure.

    Reconnecting doesn’t work either.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Square shows as vertical row leaving page’ is closed to new replies.