Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 11, 2018 at 12:47 pm #925193
    codecreative

    hi guys

    for some reason this page http://eatingfit.codecreative.uk/about

    on mobile hides the team photos and any div that is being used as a background image withnothing inside

    For some reason this
    @media only screen and (max-width: 767px)
    .responsive #top #wrap_all .av-flex-cells .no_margin {height: auto !important;}

    is causing the issue any ideas why that is happening? what is the best fix it shouldn’t do that should it?

    March 13, 2018 at 4:40 am #925856
    Rikard

    Hey codecreative,

    Yes that is going to happen if the cells are left empty, meaning that they have no content except for the background image. Maybe you could try to have a minimum height for mobile, try this to see if it works:

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

    Best regards,
    Rikard

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