How can I modify the footer and turn menus into dropdowns in Prestige theme?

Hey everyone! I’m in the process of redoing my website using the Prestige theme and need some help with the footer. I’ve separated my pages into different menus depending on the category. Below is one of the menus.

I want to center these menus and make them a dropdown instead of showing the links (so it’s not too long). Is anyone able to tell me how to do this? I also want to add lines between the menus to separate them.

TIA!

1 Like

@kimbermiller

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

1 Like

Hey @kimbermiller , if you send us your site, we can send you some custom CSS (design/style rules) that you can insert to easily achieve what you want. Will keep a lookout for your site’s URL!

1 Like

My website is www.shoplilyrose.co but right now it’s still live with the Brooklyn theme.

1 Like

@kimbermiller

Thanks but i need Prestige Theme your store

1 Like

Does this link work? Lily Rose Co. (shoplilyrose.co)

I copied it from the theme preview.

@kimbermiller unfortunately not, it still shows the old theme.

@kimbermiller

sorry, but how can i guide your without prestige theme?

I have updated the website so Prestige is now live.

1 Like

@kimbermiller

Thanks for update

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file.
@media screen and (max-width: 640px) {
.Footer__Block--links, .Footer__Block--links li.Linklist__Item {
    text-align: center;
}
}
1 Like

Thank you! That centered the menus but I still need lines separating the items in my footer. I’m also having an issue with my nesting menus. The drop down is not showing in the footer and I need this there.

1 Like

@kimbermiller

Thanks for your feedback

can you please share a screenshot of what do you want up next?

1 Like

I sent a message with a sample footer menu.

1 Like

@kimbermiller

Thanks for message

i have check you attachment

but sorry i can’t see your live store can you please how me so i will provide proper solution

I was able to center the menus but am still looking to make these drop down. Right now it’s just too long and doesn’t look good on the site. Is anyone able to assist with this?

www.shoplilyrose.co

@kimbermiller

can you please share further issue screenshot shot

Hi! I have the same request but that code doesn’t work for me. I need the mobile footer to be center aligned including the image. Thanks!

https://shopinslee.com/