Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1345392

    I’ve set up two sections using the Grid Row Element. In each of those I have 2 grids, with a picture on one side and some copy on the other. It looks good on a desktop screen, but the image on a mobile screen is shrunk and tiny (see images). How can I fix this to have a better sized image on the mobile?

    View post on imgur.com

    View post on imgur.com



    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,


    Look good! Thanks for the quick response.


    Hi advteksol,

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

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Enlarge Grid Row Pic on Mobile’ is closed to new replies.