Home › Forums › Calendar Products › Filter Bar › Horizontal Filter Bar Issue
- This topic has 27 replies, 2 voices, and was last updated 8 years, 11 months ago by Brian.
-
AuthorPosts
-
April 10, 2015 at 9:22 am #954601TimParticipant
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
April 10, 2015 at 1:58 pm #954679BrianKeymasterHi 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
April 10, 2015 at 6:21 pm #954740TimParticipantApril 10, 2015 at 7:40 pm #954747TimParticipantI 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
April 13, 2015 at 5:14 am #954988BrianKeymasterThanks 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
April 15, 2015 at 12:45 am #955645TimParticipantThanks – 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! π
April 15, 2015 at 5:54 am #955674BrianKeymasterTo 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
April 15, 2015 at 8:21 am #955727TimParticipantThere 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
April 15, 2015 at 8:53 am #955747TimParticipantHowever, 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
April 15, 2015 at 9:02 am #955750TimParticipantYou 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
April 15, 2015 at 9:22 am #955757TimParticipantHere 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 pressedThe 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 entriesApril 15, 2015 at 9:25 am #955766TimParticipantSorry – the links don’t seem to be working in here anymore. The two pages are:
April 15, 2015 at 10:00 am #955780BrianKeymasterIf you change themes per the testing for conflicts guide do these issues go away?
April 15, 2015 at 5:01 pm #955898TimParticipantno
April 16, 2015 at 7:20 am #956017BrianKeymasterOk 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.
-
AuthorPosts
- The topic ‘Horizontal Filter Bar Issue’ is closed to new replies.