Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 2, 2019 at 7:57 pm #1124261
    Chris

    Hi,

    I tried this css that I was given previously as well as multiple ones from different threads, none seem to allow me to see images on my site when on mobile.

    I’m using grid rows in most if not all my pages and there is either no image or a very small section of the image.

    I’ll attach a log in for you guys to please have a look at how this can be changed on multiple pages.

    Thanks for your time and support as always.

    @media only screen and (max-width:767px){
    #av-layout-grid-1 .flex_cell.no_margin.av_one_half.avia-builder-el-6 {
    min-height: 280px;
    }

    }

    August 4, 2019 at 1:16 am #1124441
    Mike

    Hey Christopher,
    Thanks for the login, I adjusted your css to this:

    @media only screen and (max-width:767px){
.flex_cell.no_margin.av_one_half {
min-height: 280px !important; 
}
}

    and cleared your site cache, this seems to be working now.
    Please clear your browser cache and check.

    *The reason your css was not working correctly is because the class “.avia-builder-el-6” and the ID “#av-layout-grid-1” was for a certain element, not all of them. Removing these allows it to work for all of them. I hope this helps explain.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.