Seeking Code to Modify Studio Theme’s Footer Menu into Dropdown Format with Arrows

xaffine
New Member
14 0 0

Hello,

I am reaching out to seek assistance in customizing the footer menu of my Studio theme. I aim to enhance the user experience by converting the current footer menu into a dropdown format, complete with intuitive arrows to indicate expandable sections.

If anyone has experience with this type of customization or can provide guidance on how to implement this feature, I would greatly appreciate your input. Code snippets would be incredibly helpful. I have provided a Sample picture, Please check it out! 

 

Thank you in advance for your support and collaboration!

Footer menu and sub menu.png

Replies 3 (3)
xaffine
New Member
14 0 0

@Saheedfly21 @Thank you so much for your help!
Could you please tell me where to exactly insert the first code, style code and JavaScript code?
Please let me know the names like footer.liquid where the code has to be placed & will these be right in the bottom of the code page?

 

xaffine
New Member
14 0 0

 

1.I Inserted HTML in the bottom of footer.liquid

2. CSS inserted in the bottom of base.CSS

3. Created new file for JavaScript in asset folder

its not working

is there something I’m missing?

xaffine
New Member
14 0 0

Re: Help Needed - Customizing Footer Menu in Studio Theme

Hi everyone,

I'm following up on my previous post regarding customizing the footer menu in the Studio theme. I'd like to convert the current menu into a dropdown format with arrows for a more user-friendly experience (similar to the attached sample image above).

I haven't received any responses yet, but I'm hoping someone in the community might have some experience with this type of customization. Any guidance on achieving this or code snippets to get me started would be greatly appreciated!

Thanks again for your time and support!
Please help me where to Insert the code in the Store! for example in the bottom or before or after <head> 
please help me with the exact place

Best,

www.xaffine.com