How do I add an image to my Dawn mega menu? (Dawn 9.0.0)

[thatclaygirlco]

Hello! I have my mega menu started, at least the basics, but I would love to fill the right side of the drop down with an image that links to a certain collection. I have basic coding knowledge, so a code for this would be great!

Thanks in advance!

[Zqdo]

Can you add the link to the website? That way, it'll be easier to show you where to place the code. Thanks.

[thatclaygirlco]

Hi! Here is my website: https://thatclaygirlco.com/

[Zqdo]

Can I have the password as well to access it?

[thatclaygirlco]

I went ahead and removed the password, so it's currently live to view. Thanks!

[Zqdo]

Ok. To get started, two things.

One, in your header theme customizer, where it says Add Custom CSS, type this in:

.mega-menu__content{
display: flex;
}

Now, what is the name of the file that has the menu code? Is it header.liquid? Could you take a picture of your files so I can see which file we will be editing?

Thanks.

[thatclaygirlco]

Got the code added ✓

I do have a header.liquid file. I added a screenshot of what the start of that code looks like and a screenshot of any files including menu. Hope this helps.

Thank you!

[Zqdo]

Can you post the link to your website so I can know what you're referring to? It will make it easier to point you in the right direction. Thanks!

[oscprofessional]

@thatclaygirlco 
Hello,
This is a customization work. You will need to create blocks for images depending on the navigation handle. If the navigation handle matches then the image assigned will be shown on the particular dropdown.