How can I add images to the mega menu in the Dawn theme?

Topic summary

Goal: Add images to each sub-menu item in a Dawn theme mega menu without using an app, and have sub-menu items display side-by-side as headers without adding a dummy sub-sub-menu entry.

What’s been tried:

  • A responder reviewed the store (link and password were shared) and suggested adding CSS in component-mega-menu.css to set a background image for the entire mega menu.
  • They also proposed adjusting Navigation to create a menu without sub-items.

Clarifications from the OP:

  • A single background image for the whole menu is not acceptable; images must be per sub-menu item (e.g., “Oxygen Bar,” “Aqua Massage,” etc.).
  • Sub-menu items should align next to each other as headers without needing a placeholder “.” sub-sub-menu item.

Current status:

  • The provided solution does not address per-item images or the header alignment requirement.
  • The responder requested direct store access to craft a custom solution; OP asked if access can be shared privately due to client confidentiality.
  • Another user expressed the same need and asked for guidance.

Notes:

  • Screenshots were shared to illustrate the current vs. desired mega menu layout. The discussion remains unresolved/ongoing.
Summarized with AI on January 9. AI used: gpt-5.

Hello there i would like to do the same can you plz teach me as will