Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 9, 2015 at 11:51 pm #532972
    evdesignstudio

    Hi.

    I have a couple of questions about the gallery element I have on my page (link attached).

    a. The gallery on mobile is shown as four columns, therefore photos appear very small. So I’d like it to be one column for each photo.
    b. How can I remove the hover over effect, as I don’t want them linked to anything.

    Thanks!

    Eva

    November 10, 2015 at 6:17 pm #533533
    Yigit

    Hi Eva!

    Please add following code to Quick CSS 

    #top .avia-gallery .avia-gallery-thumb a:hover {
    opacity: 1;
}
@media only screen and (max-width: 480px) {
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
    width: 100%;
}}

    Cheers!
    Yigit

    November 10, 2015 at 7:17 pm #533610
    evdesignstudio

    Thanks, Yigit!

    Worked great! I just needed to add !important to the second code.

    Thanks again for the amazing support! :-)

    Eva

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Gallery images on mobile’ is closed to new replies.