Hi there Enfold Team!
Is it possible to center display the slide image on mobile?
This is how it currently displays on mobile:
http://prntscr.com/jaswhd
I would like the slide image to display this way:
https://prnt.sc/jasvu5
Thank you so much for your help!
Hey hackoffseries,
Thank you for using enfold.
Yes, that’s possible. Adjust the background position on mobile view.
@media only screen and (max-width: 1024px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
background-position: center center !important;
}
}
You can also user percentage values if you want to specify the actual position of the background image.
@media only screen and (max-width: 1024px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
background-position: 50% 50% !important;
}
}
Please note that this modification will affect every fullscreen slider in the site. Use the custom css class field so that you can adjust the selector in the css above.
Best regards,
Ismael