Remove Date From Search Bar

[Samy's Camera]

Hello,

I’d like to remove the “Events From” date filter in my search bar. Can you please help?

http://www.samysphotoschool.com/events/

Thanks,
Mario

[Courtney]

Hello

The easiest way to do that would be to add this CSS to your site:


.tribe-bar-date-filter {display: none !important;}


I like to place this in Appearance » Customize » Additional CSS, though you can place it in your child theme or elsewhere.

Let me know if this works for you.

Thanks,
Courtney 🙂

[Samy's Camera]

Hello Courtney,

Thank you. That worked.

I added this code there as well because the search bar didn’t look right at that size:

.tribe-bar-search-filter {width: 600px
!important;}

The only problem with that is that the search bar is too wide on mobile now. Do you have a code I can add to keep the width of the search input field within a mobile browser?

[Samy's Camera]

Hi Again,

I added this code, and it worked for my iPhone 7+:

@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait)
{.tribe-bar-search-filter {width: 370px !important;}
}

@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape)
{.tribe-bar-search-filter {width: 690px !important;}
}

Is there any other code I should add for other phone screen sizes?

Thanks,
Mario

[Courtney]

Thanks for sharing those fixes 🙂

Let us know if there’s anything else we can do to help.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts