Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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!

    #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

    #99016
    phillycontemporary
    Participant

    Great, Thanks!

    #99028
    Mahesh
    Participant

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

    Regards,
    Mahesh

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