Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 4, 2020 at 3:10 pm #1209563
    walter-iaco

    Hi,
    First of all, compliments for your great theme.
    I tried to insert the css code:

    @media only screen and (max-width: 767px)
    .responsive #top #wrap_all .av-flex-cells .custom-cells {
    min-height: 300px;
    }
    }

    but it doesn’t work. The images of the grid row on mobile are not visible. I tried to remove browser cache.
    this is the link to the page: https://www.shiatsu-ies.eu/lo-shiatsu/
    Thanks
    Walter

    May 6, 2020 at 7:19 pm #1210436
    Victoria

    Hey walter-iaco,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .av-layout-grid-container.av-flex-cells .no_margin {
        min-height: 400px;
        background-attachment: scroll !important;
        background-size: cover !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 6, 2020 at 9:03 pm #1210479
    walter-iaco

    Great,

    thank you so much Victoria!!!

    Best regards
    Walter

    May 6, 2020 at 10:01 pm #1210497
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Grid row image not showing on mobile’ is closed to new replies.