Home Forums Basel support forum Instagram Feed on Mobile

Instagram Feed on Mobile

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #194720

    badr
    Participant

    Hello,

    How can we set Instagram Feed on mobile to look like the one in laptop?
    Cause the pictures are so small and the white block doesn’t shown on mobile

    Thanks and Regards

    Attachments:
    You must be logged in to view attached files.
    #194753

    Hello,

    Please clarify your purpose, now no white box is on mobile.

    Best Regards

    #195010

    badr
    Participant

    Hello,

    We need to increase the size of the images in mobile (kindly see the example bellow)

    Best regards.

    Attachments:
    You must be logged in to view attached files.
    #195292

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .instagram-per-row-5 .instagram-pics li {
        -webkit-flex-basis: 50%;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    Best Regards

    #195318

    badr
    Participant

    Hello,

    Thank it works now for the size. But the follow button and a white box is missing on mobile. May i know how to add it.

    Best regards.

    Attachments:
    You must be logged in to view attached files.
    #195380

    Hello,

    Please provide the site admin access to the private area I will check the settings.

    Best Regards

    #195383

    badr
    Participant

    Hello,

    Here it is.

    #195544

    Hello,

    I have checked and see that if we show this block on mobile it would overlay the images considerably. I suggest you create a row and clone the content of this block, hide the column on the desktop and all devices besides the mobile. https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/?v=9025a1ae8c64

    Best Regards

Viewing 8 posts - 1 through 8 (of 8 total)