Mobile slider height

Is there a way to adjust the height on the mobile slider area? I just want to increase the height a bit and do minor adjusting.

Thanks!

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media screen and (max-width: 767px){
.nivoSlider img {
height: 250px;
}
} 

You can adjust the value of "height" as per your requirement.
This will fulfill your requirement.

 

I figured out how to adjust the background image to increase the height of the entire area not just the slider images by your code above. Thanks! But what I am really trying to accomplish is to show the slider description and button on the mobile version. I thought increasing the area size would accomplish this but I was wrong.

Thanks!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media (max-width: 767px){
.nivo-caption {
visibility: visible;
}
.slide-h1 {
font-size: 14px;
line-height: 0px;
font-weight: normal;
}
p.slide-para {
font-size:13px;
padding-bottom: 15px;
line-height: 0px;
}
.nivo-caption a.slide-button{
font-size:13px;
padding:5px 10px;
}
}

Thanks & Regards
Nitesh Raghuwanshi

 

So the area is still cutting everything off. I have attached a screenshot.

 

Hello,

Do let us know your website link.


Thanks & Regards
Gourav Shrivastava

 

dev.thevirtualdivorce.com

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media (max-width: 767px){
.player .title header h2 {
font-size: 1em!important;
}
.player .title header h1 {
font-size: 1em!important;
}
} 

This will solve your issue.


Thanks & Regards
Gourav Shrivastava

 

Sorry but that didn't work. I am still having the same issue as before where it cuts off.

 

I figured it out! Thanks anyway.