Enlarge Grid Row Pic on Mobile

Hey advteksol,

Thanks for giving us admin access.
I have done the following steps:
1. I have added an image inside those grids (same as the background) then hidden it in large screens and medium sized screens in Element Visibility (under Advanced > Responsive).
2. And in the cell that contain the image, I added no-padding in Custom CSS Class (under Advanced > Developer Settings).
3. Then added this CSS code in Enfold > General Styling > Quick CSS.

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all .av-flex-cells .no-padding {
    padding: 0 !important;
  }
}

If you need to do this on other gridrows and images, just do step 1 and 2 and it’s all good.

Best regards,
Nikko

Hi advteksol,

We’re glad that we could help :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko