Hi there
I have added this code to make sure that the captions and button I have on the images still show on mobile. However on the homepage I have used a fullscreen slider and it has shrunk that down and I don’t want it to. Could you please advise if there is a way/change to the below code that I could use to only affect the fullwidth easy slider’s and NOT the fullscreen slider.
/*Change how captions and button display on mobile for full width slider*/
@media only screen and (max-width: 768px) {
.avia-slideshow-inner, .avia-slideshow-inner img {
height: 210px !important;
}
}
.avia-slideshow-inner img {
min-width: 768px !important;
}
}
Hey xfacta,
Can you try adding the class avia-fullwidth-slider
?
.avia-fullwidth-slider .avia-slideshow-inner, .avia-fullwidth-slider .avia-slideshow-inner img {
YOUR CODE
}
(For reference, the full screen slider has the class avia-fullscreen-slider
.)
Let us know if you need further help!
Best regards,
Sarah
Thank you :)
Hi,
I’m glad Sarah’s solution was able to help you. If you need anything else, please let us know here in the forums.
Best regards,
Jordan Shannon