Mobile images full size stretch

Hey divinecurio,
We can make some of your images fullwidth on mobile, to ensure that this only effects the images that you want please add a custom class to those images ▸ fullwidth-on-mobile, then add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	.fullwidth-on-mobile .avia-image-overlay-wrap {
  width: 100vw !important; 
  position: relative !important; 
  left: calc(-50vw + 50%) !important; 
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard