[Misty]

Thanks for the start! In my install, the rule suggested in this thread caused some vertical alignment issues, and setting the top margin was being partially overwritten by rules in filter-view.css. To apply the top margin, the options were to use !important on the 75px, or to add more specificity to the rule (better option – code follows)

#tribe_events_filters_wrapper.tribe-events-filters-vertical {
    width: 25%;
    float: left;
    margin-top: 75px;
}

Additionally, in the collapsed mobile layout, the “Show Filters” button was being obscured by the event list, because the wrapper was given an explicit height of 0 in the filter-view.css. To restore its place in the visual layout, I added this rule (had to use !important this time…) :

@media only screen and (max-width: 767px) {
#tribe_events_filters_wrapper.tribe-events-filters-horizontal, .tribe-filters-closed #tribe_events_filters_wrapper.tribe-events-filters-horizontal, .tribe-filters-closed #tribe_events_filters_wrapper.tribe-events-filters-vertical {
    height: auto !important;
}
}

[Author]

Posts