How can I create a dropdown and drawer main menu on my website?

Hello, I would like to have a drop down main menu on my home page and then on the rest of my pages I would like to have a drawer main menu with clinked images. Can someone assist please?

Hello @Air0202 ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to header.liquid file

Identify the HTML structure of your header menu. It may look similar to this:


  - Home

  - Shop

  - About

  - Contact

Replace the above HTML structure with the following modified code for the home page:


  - Home
    

        - Dropdown Item 1

        - Dropdown Item 2

        - Dropdown Item 3
    
  

  - Shop

  - About

  - Contact

Add the following JavaScript/jQuery code before the closing tag in your theme.liquid file:

{{ 'jquery.min.js' | asset_url | script_tag }}

Save and preview

Hope this can help.

Ali Reviews team.

This is what I’m after - please let me know if you can help. Home page: Sunglasses, Glasses; Other pages: Shop, Read.