filter bar in mobile view

Home Forums Calendar Products Events Calendar PRO filter bar in mobile view

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1369909
    Rose Marley
    Participant

    Hi,

    I have purchased the filter bar addon and I am currently having issues with it on mobile view. The filter on mobile view, when expanded, covers the main content of the events page (see fig 1 and 2). I would like to edit this so that the content is still visible under the filter section when its expanded (so that the month ‘october’ moved down when the filter is selected). Is there some code I could input to move the content down once the filter is active?

    Thanks,
    Ihtezaz

    #1370348
    Brendan
    Keymaster

    Hi Ihtezaz!

    I can definetly help you with this. To make the filters not override the calendar but show above it, you can add the following CSS snippet to your theme (or child theme) stylesheet or via Simple Custom CSS plugin:

    /* Tribe, prevent mobile filter bar from showing over content */
    @media only screen and (max-width: 767px) {
    .tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-vertical {
    position: static;
    }
    }

    Please give this a try and let me know if it works for you.

    Best,
    Brendan

    #1371235
    Rose Marley
    Participant

    Hi Brendan,

    That code worked like a charm!

    Many Thanks,
    Ihtezaz

    #1371597
    Brendan
    Keymaster

    Hi Ihtezaz,

    Great to hear it worked. I will go ahead and resolve this ticket.

    Please let us know if you need anything else.

    Thanks,
    Brendan

    #1388145
    Support Droid
    Keymaster

    Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

    Thanks so much!
    The Events Calendar Support Team

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘filter bar in mobile view’ is closed to new replies.