Home › Forums › Gravida Support › Slider size on Mobile
- This topic has 6 replies, 2 voices, and was last updated 6 years, 1 month ago by
George.
-
AuthorPosts
-
February 14, 2017 at 8:52 pm #62063
what coding would I use on theme to make slider smaller on mobile device. The slide descriptions do not show up.
February 15, 2017 at 5:13 am #62091Hi George,
Kindly show us your website URL.
Regards,
DaveFebruary 15, 2017 at 11:54 am #62141www.thebutclause.com
February 16, 2017 at 6:26 am #62209Hi George,
Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box
Add this code there:
@media (max-width: 767px) {
.theme-default .nivo-controlNav{display: none;}
.slider-main .nivo-caption{padding: 20px 0;}
.slider-main .nivo-caption .slidedesc{display: block !important; margin: 0; padding: 0;}
}Regards,
DaveFebruary 16, 2017 at 8:14 am #62225Dave that fixes the size issue but now I have the description area overalapping the image is there a way to make that transparent?
February 16, 2017 at 10:30 am #62234Hi George,
Replace this code with previous code:
@media (max-width: 767px) {
.theme-default .nivo-controlNav{display: none;}
.slider-main .nivo-caption{padding: 20px 0;}
.slider-main .nivo-caption .slidedesc{background: transparent; display: block !important; margin: 0; padding: 0;}
}Regards,
DaveFebruary 16, 2017 at 3:27 pm #62299It looks like I have to change the slider images to make this work. Or maybe change the slider from Nivo to something else
-
AuthorPosts
- You must be logged in to reply to this topic.