Healthcare Slider

Moderator: forum_m

Post Reply
iopnetwork
Posts: 11
Joined: October 4th, 2016, 8:38 am

Healthcare Slider

Post by iopnetwork » October 5th, 2016, 9:27 pm

I would like the captions to show on the mobile version of my Healthcare Slider. www.iopnetwork.net

Thanks,
Darrick

support_staff
Posts: 7199
Joined: February 26th, 2015, 1:40 pm

Re: Healthcare Slider

Post by support_staff » October 6th, 2016, 11:42 am

Hi,

Please let us know the device name where you got this issue, so that , we can assist as per.

Thanks.

iopnetwork
Posts: 11
Joined: October 4th, 2016, 8:38 am

Re: Healthcare Slider

Post by iopnetwork » October 6th, 2016, 9:40 pm

It is on iOS devices like the iPhone and iPad mini that it doesn't show. iPad Air seemed ok. It has to do with screen size. Another option may be to turn off the sliders and captions all together on small mobile devices.

Thanks,
Darrick

support_staff
Posts: 7199
Joined: February 26th, 2015, 1:40 pm

Re: Healthcare Slider

Post by support_staff » October 7th, 2016, 11:43 am

Hi,

please go to Admin Dashboard >> Appearance >> Theme Options >> General Option


Now, copy code and paste into in Custum CSS Editor.

Code: Select all

@media (max-width: 480px){
.carousel-caption h1 {
    font-size: 25px !important;
	}
	
.slider .carousel-caption p {
    display: block !important;
}

.carousel-caption p {
    font-size: 12px !important;
	    line-height: 15px !important;
	}
	.slider-caption {
    padding: 0 !important;
	}
.slider .carousel-caption, .slider .carousel-indicators {
    display: block !important;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    height: 200px !important;
}
.carousel-caption h1 {
    padding-top: 10px !important ;
    margin-bottom: 0 !important;
	}
.carousel-caption {
    padding-top: 0px !important;
	}
}
@media (max-width: 768px){
.slider .carousel-caption p {
    display: block !important;
}
}
Save the changes.

Thanks.

iopnetwork
Posts: 11
Joined: October 4th, 2016, 8:38 am

Re: Healthcare Slider

Post by iopnetwork » October 8th, 2016, 7:54 pm

Thanks for your help. That code worked. Is it possible to move the call out button on the slider to the right side so it doesn't cover the small fish?

Thanks again!

support_staff
Posts: 7199
Joined: February 26th, 2015, 1:40 pm

Re: Healthcare Slider

Post by support_staff » October 10th, 2016, 1:35 pm

Hi @iopnetwork,

It is not possible to move the call out button on the slider to the right side.

Thanks.

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”