Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 22, 2016 at 3:10 am #601636
    kroskopf

    Hi,

    I’m really impressed how my new site looks on all devices. EXCEPT the buttons on the image slider on the home page don’t look good when viewed on a smartphone held vertically. They are big and cover the image.

    Can I remove them for certain devices? Or do you have any advice?

    dev.chicagochurch.org

    Thanks!

    March 22, 2016 at 3:29 am #601639
    kroskopf

    I fixed it! To turn off the sub-heading and the buttons overlaid on my slideshow (vertical mobile device only), I added this CSS:

    @media only screen and (max-width: 480px) { 
div.avia-caption-content {display: none !important; }
.avia-slideshow-button {display: none !important; }
}
    March 23, 2016 at 4:48 am #602277
    Rikard

    Hi,

    Great, glad you got it fixed. Please let us know if you should need any more help on the topic.

    Regards,
    Rikard

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