I need a creative CSS & JQuery expert to update some filters.
Visit [login to view URL] on your desktop browser. Find, “Show Filters.” This button ONLY hides the filters on desktop browsers. I need someone to make the same button work on mobile so that users can hide these filters on their mobile devices. If you are not able to use the same button you are allowed to create a new button (preferred) that will toggle the show/hide filters.
Once the filters are in working order you must separate the location filters. On desktop the filters are in the sidebar but on mobile they appear below the map.
Find the breakpoint at which the filters are below the map and make them look like the photo attached. On mobile the location filters do NOT "show/hide", the rest will. On desktop the they will remain the same.
The filters must work as they did before.
NOTE: Code must be short and use JQuery (Must work in ALL browsers)
1. Create seperate files for css and js
2. Make sure your code has cross-browser compatibility and make sure it works in IE9+ (THIS IS IMPORTANT)
3. Use small lightweight Jquery