Okay
  Public Ticket #2907182
instagram grid on mobile
Closed

Comments

  •  4
    sarah started the conversation
    November 1, 2021 at 7:30pm

    Hi support,

    i have added the instagram feed widget to my websites footer. looks great on desktop, nice 3x3 grid. on mobile, it's super bulky, images are stacked on each other. is there a way to make this more mobile friendly, and keep it as a grid? Thanks!

  •  2,960
    Andrew replied
    November 1, 2021 at 7:57pm

    Hi there,

    Try the following CSS.

    @media (max-width: 600px){
    .wp-block-jetpack-instagram-gallery__grid.is-stacked-on-mobile .wp-block-jetpack-instagram-gallery__grid-post {
        width: 49%;
        display: inline-block;
        padding: 0;
    }
}

    Regards,

  •  4
    sarah replied
    November 1, 2021 at 8:01pm

    Thanks for the quick reply! Can i just add this to the custom additional CSS? If so, this change does not do anything. Thanks!

  •  2,960
    Andrew replied
    November 2, 2021 at 5:16am

    Hi again,

    Try adding it in Salient options panel > general settings > CSS/ Script related.

    Regards,

  •  4
    sarah replied
    November 4, 2021 at 1:14am

    hi, thank you! this didnt change anything.

  •  1,878
    Judith replied
    November 4, 2021 at 2:12am

    Hi There,

    Please send in your admin login credentials so that we can check this out.

    Thanks.