Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 5, 2018 at 7:43 pm #921728
    annameis

    Hi – Can you please look at the Masonry Gallery at the bottom of this home page….I have it checked to hide on both smaller screen sizes and it does not work. I also had to use special CSS to get the footer to stack on mobile. Don’t recall having that issue before.

    Can you please advise of what I can do to fix. Thanks!

    Anna

    March 5, 2018 at 9:34 pm #921823
    Yigit

    Hey Anna,

    Could you please post your custom CSS code here using – https://pastebin.com/?

    Best regards,
    Yigit

    March 5, 2018 at 9:39 pm #921828
    annameis

    Sure – it’s there.

    March 6, 2018 at 6:45 am #922071
    Rikard

    Hi,

    I think you forgot to actually post a link to your code? Please post admin login details in private as well so that we can have a closer look at your site.

    Best regards,
    Rikard

    March 6, 2018 at 3:51 pm #922372
    annameis
    This reply has been marked as private.
    March 7, 2018 at 4:56 am #922722
    Rikard

    Hi,

    Thanks for that. I can’t see why the element options are not working though. You could try this in Quick CSS instead which would do the same thing:

    @media only screen and (max-width: 767px) {
.home #av-masonry-1 {
  display:none;
}
}

    Best regards,
    Rikard

    March 7, 2018 at 5:38 pm #923154
    annameis

    Thanks Rikard that code fixed the Masonry gallery. On that same home page I have two icon boxes that are not stacking on mobile. Any code for that?
    And also directly below that I have some text “We Make Brighter Futures” in a color section that is cutting off instead of adjusting to mobile….any ideas there?

    Thanks for your help!
    Anna

    March 8, 2018 at 6:29 am #923570
    Rikard

    Hi Anna,

    Thanks for the feedback. Please try this as well:

    @media only screen and (max-width: 767px) {
.av_one_half {
    margin-left: 0 !important;
    width: 100% !important;
}
}

    Best regards,
    Rikard

    April 6, 2018 at 3:51 pm #938283
    muuclemens

    Hi Rikard: I am facing the same problem with a masonry galery as well as several color sections. It was not possible to hide them on mobile. Even your code above didn’t fix it. However, if I change it a little bit to:

    @media only screen and (max-width: 767px) {
    #av-masonry-1 {
    display:none !important;
    }
    }

    It works. I wonder wether there is an Idea what might be the root cause for that?
    BR Clemens

    April 7, 2018 at 7:51 am #938534
    Rikard

    Hi Clemens,

    I’m not sure to be honest with you, could you post a link to the site in question and try to point out the problems there please?

    Best regards,
    Rikard

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