How To

Blog

  • posted: Feb. 03, 2020

Add in the following code to the layout or partial you want to add the drop down location button.

{% component 'header_location_cta' %}
{% component 'header_location_content' %}
 

Then add the following css to the customer css file

.header_location { position: relative; } .header_location_content { max-height: 0; overflow: hidden; transition: .3s; position: absolute; } .header_location_content.show_location { max-height: 1000px; } 

Lastly, add the following code to the customer js file

$(document).ready(function(){ $('.header_location_cta a').click(function(e){ e.preventDefault(); $('.header_location_content').toggleClass('show_location'); }); }); 

Please note, if there are multiple dropdowns on the page that use the same class name, they will all open and close when the button is pressed. If you want multiple dropdown buttons the classes should be renamed.

Hours of Operation

Monday  

8:00 am - 6:00 pm

Tuesday  

8:00 am - 6:00 pm

Wednesday  

8:00 am - 6:00 pm

Thursday  

8:00 am - 6:00 pm

Friday  

8:00 am - 6:00 pm

Saturday  

Closed

Sunday  

Closed