Advanced Filter button blocked

Home Forums Calendar Products Filter Bar Advanced Filter button blocked

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1628084
    Justin Tippett
    Participant

    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

    #1629219
    Jeremy
    Keymaster

    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

    #1629628
    Justin Tippett
    Participant

    Hi Jeremy,

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

    [image: CSS for events.png]

    #1629754
    Jeremy
    Keymaster

    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

    #1632893
    Justin Tippett
    Participant

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

    #1632913
    Jeremy
    Keymaster

    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

    #1632914
    Jeremy
    Keymaster

    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

    #1633543
    Justin Tippett
    Participant

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

    #1635137
    Jeremy
    Keymaster

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Advanced Filter button blocked’ is closed to new replies.