Vertical in the Filters Layout no longer works since latest update

[tmfarmer]

Hi,
The vertical filter layout no longer works. It ends up horizontal.

Please advise on a fix.

Thanks

[Geoff B.]

Good evening Tania and welcome back!

Thank you for reaching out to us.

You are absolutely right. Our apologies.
A fix is on its way.

Unfortunately, I cannot commit to a release date at this point. But stay tuned, you will be contacted when the fix is released.

In the meantime, you can simply add the following CSS rule to your theme’s style.css or custom CSS section.

.tribe-events-filters-vertical {
float: left;
width: 25%;
}

Best regards,

Geoff B.

[tmfarmer]

That CSS fix didn’t really work.
Especially on the mobile view.

Just paid for the renewal of the filter license. But really shouldn’t have to pay if it isn’t really working.

[Geoff B.]

This reply is private.

[Alpesh]

To adjust for mobile, just add some margin below the filter toggle. I am using Bootstrap for this site, just fix the media query for your site.

.tribe-events-filters-vertical {
	float: left;
	width: 25%;
	@media (max-width: $screen-xs-max) {
		margin-bottom: 50px !important;
	}
}

[Geoff B.]

Hey Alpesh,

Thank you for chiming in. That is great advice!

Best regards,

Geoff B.

[tmfarmer]

This reply is private.

[Geoff B.]

This reply is private.

[George]

Hello!

I wanted to inform you that we’ve just published a series of updates to our products that fixes a number of issues.

We’ve fixed the Filter Bar layout issues reported here.

Learn more about this release—version 4.3.3—in the official release notes here → https://theeventscalendar.com/maintenance-release-events-calendar-4-3-3-event-tickets-4-3-3-premium-plugins/

Thanks for your patience while we fixed this!
George

[Author]

Posts