RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

JjJ1QQExEPT0oEkDXkJv3GS+SSK/inDh+qJb5poF7uc=

OU0WGPE+vsPHE35uwfF+0Jq1FmmrC0EZ1j07htBnxEM=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Today I realized that Internet Explorer really does not display Webflow sites well at all. Even the latest versions of IE totally screw up flex and grid. 

For my sites, I will be adding a notification to users to upgrade to a different browser. It took me a bit to learn how to target all versions of IE, so I thought I would save you all the time by sharing the project and code.

The custom code to target all versions of IE is in the page settings. I would recommend putting it into the project settings, so you only have to add the code once. 

Let me know if you have any issues with this, and I hope it helps!

Chris

Warning to Internet Explorer Users

Here is a free clonable date-picker date range input built with the J-Query UI Datepicker. Follow us for more free widgets!

J-Query UI Date-Picker

Here is a clonable search list using a few lines of JavaScript.

This makes it easy to search to a collection list without having to load the search results page. You can add multiple collections/text blocks to the collection item link to enable users to search through more than one collection.

View description of code on Youtube here: https://youtu.be/SEiZFN4fXg8

Connect with me on LinkedIn here:
https://www.linkedin.com/in/christopher-wray/

Searchable List With Webflow and JavaScript

The scrollbars will only work on the published site, so in order to see this in action, clone, then publish this website on Webflow. This provides support for browsers that use webkit, so most modern desktop browers. It doesn't use any Javascript, or external library, so it won't slow your site down and is the recommended way to create custom scrollbars.

Make sure to follow on Webflow for more free widgets and tutorials!

Custom Scrollbars

Custom Scrollbars in Webflow