Responsive Mobile Slider text

Home Forums All Other Themes Responsive Mobile Slider text

This topic contains 1 reply, has 2 voices, and was last updated by  Forum Moderator 1 year, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #69055

    Tess
    Member
    • Topics: 3
    • Replies: 2
    • Total: 5
    Member since: October 18, 2016

    theme: YOGI PRO
    http://www.DianeChristiansen.com

    The text on my homepage slider was not showing up in mobile view, so I added the code below which made the text show up but the font size doesn’t appear to be responsive – it’s way too big for mobile view (fine on computer).

    @media screen and (max-width:479px) {
    .header { position:relative !important; height:auto !important; padding-bottom:0;}
    .nivo-caption { width:100% !important; display:block !important; left:0 !important;}
    #slider .top-bar h2 { font-size:18px !important;}
    #slider .top-bar p { display:block !important; font-size:14px !important;}
    .slider-main { padding-top:0 !important;}
    .header .header-inner { padding:0;}
    #slider .top-bar { top:8px !important;}
    }

    Is there a way to make the slider text responsive with mobile?

    Thank You for your help!

    #69182

    Forum Moderator
    Member
    • Topics: 0
    • Replies: 18882
    • Total: 18882
    Member since: August 16, 2013

    Hi Tess,

    Add this code in Custom CSS Box:

    @media screen and (max-width:479px) {
    .slide_info h2{font-size:15px !important;}
    .slide_info p{font-size:12px !important;}
    }

    Regards,
    Dave

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.