This guide will walk you through the process of removing the search field, month dropdown, and scroll bar from the Event List section of our app. With these steps, you can tailor your event list to meet your specific needs.
Click on "Sales Channels" in the left-hand menu.
Navigate to the “Online Store”.
You will be redirected to the Themes page. Here, you should locate your published theme and click "Customize" to access the theme editor.
Click on the “Gear icon”.
Find the "Custom CSS" option.
In the "Custom CSS" section, paste the following code into the provided field. Ensure that the code is set to affect your entire online store, as some custom CSS sections only apply to specific parts of your website.
This code is for the search bar and month selector:
#Evey__EventListContainer
.Evey__EventsFilter {
display: none;
}
The below code is for the scroll bar:
.Evey__EventList {
overflow-y: hidden;
}8. Save your changes.
If Your Theme Lacks a Custom CSS Section
In some cases, your theme may not have a dedicated "Custom CSS" section. In this scenario, you can still implement the changes by editing your theme's CSS file directly. Here's how:
Follow steps 1-3 from the previous set of instructions to access your theme in the Shopify admin.
Instead of "Customize", click the three dots (...) associated with your theme.
Search for the "base.css" or "theme.css" file.
In the large window in the middle of the editor, scroll all the way to the bottom and paste the same code provided earlier into this location.
Save changes.
By following these straightforward steps, you can customize the appearance and functionality of your event list in your online store. Tailoring your event list section to your preferences ensures that your customers have a smooth browsing experience that aligns with your store's unique brand and requirements.
If you have any questions or need further assistance with customizations, feel free to contact our support team. We're here to help you make the most of Evey!