How can I change my Prestige theme footer to a drop-down menu?

[isSalon]

Hi, 

Just trying to change my footer menu so is is nestled/drop down instead of a long list of links. 

http://is-salon-yaletown.myshopify.com/

[biznazz101]

Maybe someone can provide some CSS to help with this. But I believe you would need to rewrite the existing code for the footer menu, then stylize it using CSS, you can do this by going to Themes> Edit Code> footer.liquid you can use this as an example:

 <style>
/* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
</style>

<div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div> 

More Info: https://www.w3schools.com/css/css_dropdowns.asp

If you want the section to work dynamically based on the Navigation settings it is probably best to hire someone to make these changes for you.

Hope that is helpful!
@biznazz101