Jewellery Theme – Slider

Home Forums All Other Themes Jewellery Theme – Slider

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #126682
    Lori Schroeder
    Participant
    • Topics: 39
    • Replies: 58
    • Total: 97
    Member since: August 20, 2015

    The slider on my site (mostly the text) is not responsive. When I start making the screen smaller the text on the left side moves up into the transparent header. Eventually, around 767px wide the entire slider just about disappears. Here is my site: http://wp.conntrol.com/

    Thank you.

    #126822
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25504
    • Total: 25504
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Dave

    #126876
    Lori Schroeder
    Participant
    • Topics: 39
    • Replies: 58
    • Total: 97
    Member since: August 20, 2015

    This shows the normal computer version at the top, and then images below are as the screen gets smaller.

    View post on imgur.com

    #126921
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25504
    • Total: 25504
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .nivo-caption .title, .nivo-caption .slidedesc, .nivo-caption .slidebtn { display: block !important;}
    .nivo-caption .title { font-size:20px !important; margin:0;}
    .nivo-caption .title span { padding:0 !important; line-height:18px; font-size:14px;}
    .nivo-caption .slidedesc { margin-bottom:20px !important; line-height:20px;}
    .nivo-caption .slidebtn { margin:0 !important; padding:10px 20px !important}
    }
    
    @media screen and (max-width:1023px) {
    .home.has_trans_header .header.type1 {
        position: relative !important;
    }
    }
    
    @media screen and (min-width:1024px) and (max-width:1160px) {
    #topmenu ul li a { padding:43px 15px;}
    .header.type1 #topmenu { margin-right:0;}
    }

    Regards,
    Dave

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