Hi, how do I make the images take full width of the column on mobile? The same way they do on Desktop.
Hey DROR,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 450px) and (max-width: 667px) {
.avia-image-container.avia-align-center .avia-image-container-inner {
width: 112% !important;
max-width: 130%;
left: 6%;
}
}
@media only screen and (max-width: 449px) {
.avia-image-container.avia-align-center .avia-image-container-inner {
width: 123.4% !important;
max-width: 130%;
left: 11.6%;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks!
Hi,
I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon