how do i make the fullwidth easy slider taller on mobile?
My captions are being cut off on mobile so I need to make it taller
my site is http://www.gt20.ca/home/
Hey navindesigns,
Thank you for using Enfold.
This is possible but it may distort the images a bit.
@media only screen and (max-width: 767px) {
.avia-slideshow-inner, .avia-slideshow-inner li img {
height: 300px !important;
}
}
Try to make use of the Screen Options. Add another full screen slider on the page and have it show on mobile view only. You can toggle the visibility in the elements’ Screen Options panel.
Best regards,
Ismael
so I am acutally ok with this on mobile but I would like the caption to be a bit higher JUST on mobile. so lets say CENTER LEFT instead of LEFT BOTTOM
Hi navindesigns,
Do you mean the Read more button or all captions?
Best regards,
Victoria
All captions
Read more button should be removed on mobile
Hi,
Add the above css code to create more space for the caption within the slider. Again, this may distort the images a bit.
Best regards,
Ismael
thanks
Read more button should be removed on mobile
Hi navindesigns,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) {
#top .avia-slideshow-button {
display: none !important;
}
}
Hope it helps :)
Best regards,
Nikko