Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 23, 2017 at 11:12 am #880653
    WEBIGAMI

    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 :)

    November 23, 2017 at 11:16 am #880659
    Yigit

    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

    November 23, 2017 at 11:27 am #880662
    WEBIGAMI

    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

    November 23, 2017 at 11:32 am #880664
    Yigit

    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

    November 23, 2017 at 11:47 am #880668
    WEBIGAMI

    Perfect! That works just fine :))

    Thank you, Yigit!

    Jan

    November 23, 2017 at 11:49 am #880669
    Yigit

    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

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