Home › Forums › Calendar Products › Filter Bar › Advanced Filter button blocked
- This topic has 8 replies, 2 voices, and was last updated 5 years, 6 months ago by Jeremy.
-
AuthorPosts
-
September 21, 2018 at 8:17 pm #1628084Justin TippettParticipant
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
September 24, 2018 at 9:09 am #1629219JeremyKeymasterHi 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,
JeremySeptember 24, 2018 at 4:02 pm #1629628Justin TippettParticipantHi Jeremy,
I added the CSS, however, it hasn’t worked.
[image: CSS for events.png]
September 25, 2018 at 12:39 am #1629754JeremyKeymasterHi 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,
JeremySeptember 27, 2018 at 11:11 pm #1632893Justin TippettParticipantHi Jeremy, unfortunately, that still doesn’t work.
September 28, 2018 at 12:28 am #1632913JeremyKeymasterHi 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,
JeremySeptember 28, 2018 at 12:31 am #1632914JeremyKeymasterOne 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,
JeremySeptember 28, 2018 at 3:33 pm #1633543Justin TippettParticipantThanks Jeremy, I moved it to the child theme style css file and we are now back in business 🙂 thanks for your help!
October 2, 2018 at 12:40 am #1635137JeremyKeymasterHi 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 -
AuthorPosts
- The topic ‘Advanced Filter button blocked’ is closed to new replies.