Help Desk

Advanced Filter button blocked

  • Posts: 19 Topics: 8
    | Permalink

    Hey guys, when using a mobile, the button to access the advanced filter is blocked by the calendar month title. Hoping you can advise how to fix. I’ve also attached an image to highlight what I mean. Thanks

    Posts: 1675
    | Permalink

    Hi Justin,

    Thanks for reaching out to us! I’d be happy to help you 🙂

    It seems your theme overrides some of our styles, causing this display problem on smaller screens.

    Could you add the following snippet in Appearance > Customize > Additional CSS?

    @media screen and (max-width: 768px) {
      .tribe-events-list-separator-month {
        margin-top: 70px;
      }
    }

    I hope this helps.

    Cheers,
    Jeremy

    Posts: 19 Topics: 8
    | Permalink

    Hi Jeremy,

    I added the CSS, however, it hasn’t worked.

    [image: CSS for events.png]

    Posts: 1675
    | Permalink

    Hi Justin,

    Could you then try to add

    !important

    at the end?

    Like this:

    @media screen and (max-width: 768px) {
      .tribe-events-list-separator-month {
        margin-top: 70px !important;
      }
    }

    Please let me know if this works.

    Cheers,
    Jeremy

    Posts: 19 Topics: 8
    | Permalink

    Hi Jeremy, unfortunately, that still doesn’t work.

    Posts: 1675
    | Permalink

    Hi Justin,

    It’s strange, because I visited your website again and I couldn’t see the piece of code I gave you. Did you remove it? If not, please make sure no curly bracket is missing. And instead of placing this code in Customize > Additional CSS, you may paste it in your child theme’s style.css file.

    Please let me know how it goes.

    Cheers,
    Jeremy

    Posts: 1675
    | Permalink

    One more thing Justin: if the new CSS is not taken into account, it might be due to your cache (I just realized you have W3 Total Cache installed). Could you clear your cache and try again?

    Cheers,
    Jeremy

    Posts: 19 Topics: 8
    | Permalink

    Thanks Jeremy, I moved it to the child theme style css file and we are now back in business 🙂 thanks for your help!

    Posts: 1675
    | Permalink

    Hi Justin,

    I’m glad you are back in business 😉

    Well, I’m going to close this thread then, but feel free to start a new one if you have further concerns.

    Cheers,
    Jeremy

    | Permalink