Horizontal Filter Bar Issue

[Tim]

I switched the filter bar from VERTICAL view to HORIZONTAL view by checking the box in settings, it looked much better but when I refreshed the page it disappeared and hasn’t come back. If you look on our site here: http://melbournemagicfestival.com/events/

There is no filter bar displaying at all

Though on Chrome Incognito it displays a vertical filter bar on the left for some inexplicable reason

[Brian]

Hi Tim,

Sorry for the issues you are having.

I visited your site in 3 different browsers and see the vertical filter bar in all.

Can you verify the filter bar is set to Horizontal on this page:

Events > Settings > Filters Tab > “Filters Layout”

Also, since the filter bar is primarily scripts you may have to clear your browsers cache to see the changes.

Let me know how that works out.

Thanks

[Tim]

[Tim]

I will also point out that by clicking on the VIEW AS button, if you choose WEEK or DAY it just takes you to the front page of the site.

Choosing PHOTO seems to work.though the HEADER FONT is ridiculously big. We asked our site developer to make the HEADER smaller but she said she liked it and refused to change it

[Brian]

Thanks for confirming that.

I visited your site and see what you mean.

The Filter Bar is there, but css is hiding it.

So I am seeing this css:

.tribe-filters-closed .tribe-events-filters-content {
display: none !important;
}


In this file on line 5407:

http://melbournemagicfestival.com/website/wp-content/themes/gazette/style.css

There looks to be a lot of extra Events CSS there that is causing styling issues as well with the filter bar because it does not format correctly.

I would try removing that to see if that helps.

Also, we try to help out on theme compatibility issues, but are limited in resolving them. We can point to where issues are, but unable to provide all the coding needed to fix the issues.

Thanks

[Tim]

Thanks – I deleted that line of code in the CSS and the HORIZONTAL BAR is now displaying (at least on Chrome Icognito anyway)

Unfortunately the VIEW AS button is still malfunctioning 🙁

But we are getting closer! 🙂

[Brian]

To narrow down the View As issue can you please follow our testing for conflicts guide:

https://theeventscalendar.com/knowledgebase/testing-for-conflicts/

Let me know what you find out.

Thanks

[Tim]

There was a plugin called “All 404 Redirect to Homepage”

I have deactivated that and the VIEW AS button seems to be working now

I have no idea why the developers added that plugin or what will happen to the site now that it is deactivated though

[Tim]

However, the COLLAPSE FILTERS button doesn’t seem to work properly.

There is still another issue:

Go to http://melbournemagicfestival.com/events/today/ and switch to the DAY view (try July 9 for example) and all of the events are listed non-chronologically. They appear to be listed as most recent entry first

[Tim]

You might also like to check out the WEEKLY VIEW

As you can see the screenshot below – it not only displays the wrong week – but there are no events on it at all

[Tim]

Here is a summary of the issues we are having with this page

The VIEW AS option when selected as DAY displays the events in order of entry and not chronologically
The VIEW AS option when selected as PHOTO displays enormous size header text
The VIEW AS option when displayed as WEEK displays the wrong week and no events at all
The HORIZONTAL FILTER BAR won’t collapse when the COLLAPSE FILTER button is pressed

And with this page

The UPCOMING EVENTS widget displays enormous header text and when you click the SEE MORE button you get an archive page with no events
The UPCOMING EVENTS CALENDAR widget displays the events in order of entry, with enormous header text, and when you click the SEE MORE button it takes you to an archive page with no entries

[Tim]

Sorry – the links don’t seem to be working in here anymore. The two pages are:

http://melbournemagicfestival.com/events/

http://melbournemagicfestival.com/program/kids-shows/

[Brian]

If you change themes per the testing for conflicts guide do these issues go away?

[Tim]

no

[Brian]

Ok I went through your theme and the screenshots and may have found out the issues:

View Redirects
This is being caused by the 404 plugin as our views show a 404 error with no events so that plugin saw that and redirected to the home page.

Event Order
You have the Simple Custom Post Order installed. That is most likely the cause of the events out of order as it is going to change the query order. If it cannot be turned off for events it should be removed. In general custom order plugins do not play nice with custom posts ordered by a date such as ours.

Filter Bar
Besides the css set to display: none,which we resolved above your body class in your theme does not have tribe-events-filter-view so that is why the filter bar always shows.

Not sure how your theme does it, but it should follow what WordPress does:

https://codex.wordpress.org/Function_Reference/body_class

If that cannot be changed I can provide css to fix this.

I did add the body class using my developer tools and the Filter Bar displayed as it should.

Titles
They are all css issues and we can provide some css to help, can you please create a new thread and list just these instances and we can help out there. Or if you like just post here again.

Let me know what you would like to do and we can go from here.

[Author]

Posts