- This topic has 6 replies, 2 voices, and was last updated 3 years, 11 months ago by .
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.
Home › Forums › Gravida Support › Slider size on Mobile
what coding would I use on theme to make slider smaller on mobile device. The slide descriptions do not show up.
Hi George,
Kindly show us your website URL.
Regards,
Dave
Hi 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,
Dave
Dave that fixes the size issue but now I have the description area overalapping the image is there a way to make that transparent?
Hi 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,
Dave
It looks like I have to change the slider images to make this work. Or maybe change the slider from Nivo to something else
Introduction The popularity of WordPress is not something we can ignore. We’ve known it as the best solution that any developer can use to setup […]
This fact cannot be negated that transferring the website to a new host can prove to be really stressful and tiring. However, if you follow […]
In a number of cases, sidebars are perceived as blocks of the site where all sorts of things can be found. As a rule, a […]