Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 8, 2016 at 9:03 am #98928
    phillycontemporary
    Participant

    Hi Everyone,

    I’m using the featured slider on a page of my website, but I’ve notice that the slider isn’t very responsive for mobile viewing. Specifically, the text will overflow outside of the slider image when viewed on a smart phone. The thumbnails are also a bit small.

    Wondering if there is a way to have each slider image maintain a mobile page width and have the image cropped accordingly. Or just a way to prevent text overflow?

    My site is http://philadelphiacontemporary.org/projects/

    Thanks for any help!

    September 8, 2016 at 10:35 am #98933
    Mahesh
    Participant

    @phillycontemporary: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

    @media screen and (max-width: 400px) {
#feature-slider .entry-title {
        font-size: 12px;
    }

    #feature-slider .entry-content {
        font-size: 11px;
    }
}

    Regards,
    Mahesh

    September 9, 2016 at 8:58 am #99016
    phillycontemporary
    Participant

    Great, Thanks!

    September 9, 2016 at 10:02 am #99028
    Mahesh
    Participant

    @phillycontemporary: Thank you for your appreciation. Have a nice day!

    Regards,
    Mahesh

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Featured Image Slider Mobile Responsiveness’ is closed to new replies.