Hide thumbnails on mobile

  • Resolved pfwdop

    (@pfwdop)


    2 years, 10 months ago

    I have a Visual Portfolio carousel with thumbnails at the top of my home page. It looks great on the desktop, but when viewed on a phone, the thumbnails seem redundant as they are about the same size as the resized primary photos. Can you help me figure out the CSS to add to my layout so the thumbnails will be hidden on phones?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Nikita

    (@nko)

    Hey.

    Something like this custom CSS should work:

    @media screen and (max-width: 768px) {
  selector .vp-portfolio__thumbnails-wrap {
    display: none;
  }
}

    Regards, nK.

    Thread Starter pfwdop

    (@pfwdop)

    Thank you. That worked. I was very close with what I had tried.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide thumbnails on mobile’ is closed to new replies.