Find events bar – don't want drop-down

[Tom]

Hello,

I am working on my development site just now for a new WordPress version of my long-running wine site, wine-pages.com. I have bought the pro version of your software and wanted to have a ‘Find Events’ bar that was more like your demo site – not a drop down as comes as default with the package, but a horizontal bar with the search options for date, location and search arranged horizontally wihout the need for a drop down.

I have read through the forums and knowledge base on customization and templates fairly extensively but cannot see any pointers as to where the code is/how to acheive this. I am not very experienced in WordPress, so would be really grateful for any pointers on what to change and where to acheive a horizontal layout for the Find Events bar.

[Brian]

Hi,

That feature is the Filter Bar and not included as part of Pro.

You can find all about it here:

https://theeventscalendar.com/product/wordpress-events-filterbar/

Let me know if you have any follow up questions.

Thanks

[Tom]

Hi Brian,

Maybe I am not explaining myself: this is the search bar that in your demo site http://wpshindig.com/events/ is to the left of the blue “find events” button. It has the options “Events In – Search – Near”. I am not talking about the filters bar, which is below it in your demo site.

As installed, my search bar is a drop down that only when clicked reveals the “Events In – Search – Near” fields but I’d like it not to be a drop down and look more like yours.

Thanks

• This reply was modified 10 years, 4 months ago by Tom.

[Brian]

Oh I see what you mean now.

I visited your site and with the sidebar it makes the area to small so the script kicks in for the Search Bar.

One way to change that is to make the area bigger for the calendar in your theme.

Or you could try css to disable the Collaspe of the Filter Bar, however, with responsive design it might mess it up in mobile views then.

I can try to help get you started on this, but limited in supporting theme compatibility issues.

Let me know.

Thanks

[Tom]

Thanks Brian.

I have already deleted the “Search” option as I need only date and location search for my purposes, so there are only two input fields for my visitors. Along with maybe changing the “Find Events” button text to simply “Search”, I would have hoped the current theme’s page width had room to accommodate an uncollapsed bar? – two fields and a button?

[Brian]

Hi,

The issue is the sizing is hard coded into the script so it does not take into account missing fields.

[Tom]

Ah, OK. So would appreciate knowing if there is any workaround that would let me override the sizing limit in the script.

[Brian]

I came up with css that will force open the Fitlers on screen sizes above 700px in width:

@media (min-width: 700px) {
#tribe-events-content-wrapper #tribe-bar-form.tribe-bar-collapse #tribe-bar-views + .tribe-bar-filters {
display: block;
}
}

That can get you close to what you are looking for.

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[Tom]

Many thanks Brian. I think the trade off of having it use up so much vertical space to have them open by default – tripling the depth on screen – really is not ideal. I would still really prefer an simple horizontal bar that doesn’t cause this, and would look so neat as per your own Shindig demo.

But I do appreciate you trying to help. Thanks anyway.

[Brian]

Hi,

That is possible it would just take some custom css from your end to do.

Unfortunately, that kind of work is beyond the support we can provide.

Since there is nothing more we can do here I am going to close this ticket.

If you need anything else please post a new topic on the forum and we can help you out.

Thanks

[Author]

Posts