Jewellery Theme – Slider

[Lori Schroeder]

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.

[Forum Moderator]

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

[Lori Schroeder]

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

https://imgur.com/a/BLAOdQy

[Forum Moderator]

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

[Author]

Posts