Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 13, 2018 at 6:10 pm #896908
    Sigmund

    Hello at Kriesi,
    is it possible to make the magazine element image show fullsize on tablets and mobiles? It should look like the post slider, which I have put above the magazine element.

    Thanks!

    Best Regards

    January 14, 2018 at 5:40 am #897024
    Rikard

    Hey Sigmund,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 479px) {
.av-magazine-thumbnail-link img {
  width:100% !important;
  display:block !important;
}
}

    Best regards,
    Rikard

    January 14, 2018 at 7:44 pm #897155
    Sigmund

    Hello Rikard,
    thanks. The code does not chance anything. Can you have a second look?
    Best

    January 15, 2018 at 3:50 am #897326
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 479px) {
.av-magazine-thumbnail {
  width:100% !important;
}
}

    Best regards,
    Rikard

    January 15, 2018 at 9:35 am #897437
    Sigmund

    Hello,
    great! I have changed it to

    
#top .av-magazine-thumbnail, #top .av-magazine-thumbnail a, #top .av-magazine-thumbnail a img {
  width:100% !important;
}

    and now it works. Thanks for that!

    Best Regards

    • This reply was modified 6 years, 11 months ago by Sigmund.
    January 16, 2018 at 4:50 am #897862
    Rikard

    Hi,

    Great, glad you got it working and thanks for sharing :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    January 16, 2018 at 10:41 am #897961
    Sigmund

    Yes, you can close the topic.
    Best Regards

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.