Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 21, 2019 at 9:16 pm #1103074
    smallisland

    I’m using a Grid Row with 4 cells. Each cell has an image and all images are uploaded at the exact same size. For some reason the image in the first cell doesn’t spread full width like the images in the other cells on mobile. It appears smaller. How can I make it spread full size like the images in the other 3 cells? I’ve tried moving the images around from the different cells, but no matter what image is in there, the first cell is always smaller than the other 3 on mobile.

    Thanks for your assistance!

    May 22, 2019 at 4:19 am #1103150
    Mike

    Hey smallisland,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top.home #wrap_all #av-layout-grid-1.av-flex-cells .no_margin.avia-builder-el-10 {
    padding-left: 0% !important;
    padding-right: 0% !important;
}
}

    Best regards,
    Mike

    May 22, 2019 at 7:40 am #1103170
    smallisland

    Thank you, Mike! Appreciate the fast response and the good news is that the code worked perfectly!

    All the best to you!

    May 23, 2019 at 4:43 am #1103523
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Grid Row – 1st cell doesn't size the same as other cells in Mobile view’ is closed to new replies.