Expand the submenus

[RoyaumeDeLecki1]

Hello,

I am asking for your help to know how to expand the submenus of the collections at the top of the page by doing it by coding. I am using the Refresh theme and it is not possible to do it via the theme editor.

Thank you very much!

[Abyy]

To expand submenus in the Shopify Refresh theme by using code, you can modify the theme's Liquid and JavaScript files. Here’s a general approach:

Edit the header.liquid file

Go to Online Store > Themes > Actions > Edit Code.

Open the header.liquid file (or any other file responsible for the menu rendering).

Locate the section where your navigation links are created, usually in a loop.

Add code for submenus under each main menu item.

2. Add CSS for Submenus:

If there isn't a CSS file targeting submenus, add CSS to style them. Make sure submenus are initially hidden and expand on hover or click.

.submenu {To explore  

    display: none;

    /* Add more styling as needed */

}

.menu-item:hover .submenu {

[RoyaumeDeLecki1]

Thank you for your answer, but I can't find the precise place in the code where to write this...

[RoyaumeDeLecki1]

Thank you for your answer, but I can't find the precise place in the code where to write this...

[Made4uo-Ribe]

Hi @RoyaumeDeLecki1 

Please, share your store URL. Thanks!

[RoyaumeDeLecki1]

le-royaume-de-lecki.myshopify.com

[Made4uo-Ribe]

Thanks for the info! Do you have a sample design? If it’s just expanding, only the box will be expanded.