[phillycontemporary]

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!

[Mahesh]

@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

[phillycontemporary]

Great, Thanks!

[Mahesh]

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

Regards,
Mahesh

[Author]

Posts