buttons on sliders on smartphones disappear

Hi,

Thanks for contacting us!

1- Please edit your slides and decrease font size on mobile devies – https://imgur.com/a/4G858kx. I believe that should help as buttons are actually there but not displayed as they do not fit mobile version.
2- Please edit your slider and go to Advanced > Developer Settings and add a custom class to your slider (“my-custom-slider” in example below) and then add following code to Quick CSS in Enfold theme options > General Styling

.my-custom-slider .avia-caption-content, .my-custom-slider .avia-caption-title {
    background-color: orange!important;
}

Best regards,
Yigit

Hi Susanne,

Since image is responsive, there is not enough space to display all content on mobile. You could try creating another slider, closer to square shape so there would be enough height, and choose to display it only on mobile under Advanced tab of your element and you can hide your current slider on mobile. Would that solution work for you? :)

Best regards,
Yigit

Hi,

Thank you for the update.

Have you tried using the Fullscreen instead of the Fullwidth Slider? The Fullscreen slider should provide more space for the caption and buttons on mobile view.

If you really want to adjust the height of the current slider, try this css code.

@media only screen and (max-width: 767px) {
    #top .avia-slideshow-inner {
	min-height: 391px;
    }

    .av-single-slide, .avia-slideshow-inner li .avia-slide-wrap {
	height: 100%;
    }

    .avia-slideshow-inner li .avia-slide-wrap img {
	object-fit: cover;
	width: auto;
	max-width: none;
	left: -500px !important;
    }
}

Screenshot: https://imgur.com/a/yuZYz3K

Best regards,
Ismael

Hi,

Thank you for the info.

Again, you can instead use the Fullscreen slider if you want a slider that automatically inherits the height of the browser window. It’s the same as setting the minimum height to 100%. Unfortunately, it’s not possible to add the minimum height option without significant amount of modification in the shortcode files.

Best regards,
Ismael

Hi,

Thank you for the update.

Yes, there is that option but you can’t set it to 100% or based on the height of the view port. Also, the minimum height is applied to the slides, not the parent container.

Best regards,
Ismael