Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #880653

    Hey Team,

    I wonder how I could tell the integrated Enfold Instagram widget to display less columns on mobile. 2 would be fine I guess.

    Here you can see an example on the very bottom of a client’s draft:

    Thx and cheers,
    Jan :)

    #880659

    Hey Jan :)

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

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

    Now it does not line up correctly. It should be okay once you set column count to an even number :)

    Best regards,
    Yigit

    #880662

    Hey Yigit,

    thx for the superfast help. That worked. But it leaves out every few image even if I set columns to 4 instead of 5. :/

    Cheers,
    Jan

    #880664

    Hi Jan,

    My bad. Please change the code to following one

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

    Best regards,
    Yigit

    #880668

    Perfect! That works just fine :))

    Thank you, Yigit!

    Jan

    #880669

    Hi,

    You are welcome Jan! Always happy to help :)
    Let us know if you have any other questions or issues and enjoy the rest of your day :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold Instagram Widget Columns Mobile’ is closed to new replies.