How can I add NBA team images to a dropdown menu?

Store Design
, ,
1

I want to create a full drop-down menu that contains images of the NBA basketball teams. I already have them as a collections but I cant manage to add them into the drop-down menu.

https://dribble-wear-2221.myshopify.com/

2

  1. Add a menu item for the drop-down menu by clicking on “Add menu item.” Enter a title for the menu item, such as “NBA Teams.”

  2. Click on the newly created menu item to expand it.

  3. Click on “Add menu item” again to add the first NBA team as a sub-menu item.

  4. Enter the title for the sub-menu item, such as the name of an NBA team.

  5. In the “Link” section, choose “Collection” from the dropdown menu.

  6. Click on the “Select” button to choose the collection associated with the NBA team.

  7. Repeat steps 5-8 for each NBA team collection you want to add to the drop-down menu.

  8. To add images to the drop-down menu, you can use custom code. Here’s an example of how you can add an image using HTML and CSS:


  

{{ link.title }}
3

Where Do I add the css code?. and do I need to replace anything else except the image url?

thanks again