How can I customize the mega menu in my header bar?

Technical Q&A

Topic summary

A user seeks help customizing their website’s mega menu header with four specific modifications:

Visual Styling:

  • Remove small arrows next to menu titles and eliminate grey contour/border lines (referenced in screenshot a)
  • Add images/photos within the mega menu structure

Layout & Behavior:

  • Extend the white background field to reach the middle of the screen (screenshot b shows current state)
  • Implement smooth slide-in animation when clicking primary level titles

The user acknowledges these are multiple questions and offers to split them into separate topics if needed. Two screenshots are attached demonstrating the current menu appearance and desired changes. The store URL (www.msim.store) is provided for reference.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hello,

we re trying to customise the mega menu in the header in the following way:

  1. is there a way of getting rid of the small arrows next to the titles and the grey contour lines? s. screenshot | a

screenshot a.png
screenshot a.png3290×834 195 KB

  1. is there a way of extending the white field down to the middle of the screen? s. screenshot | b

  2. is there a way of putting a photo in the mega menu? s. screenshot | b

  3. Is there a way of letting the mega menu smoothly slide in to the screen when clicking on the primary level title? s. screenshot | b

Screenshot b.png
Screenshot b.png3222×1744 366 KB

We know these are a lot of questions. If this is too much to ask for at once, we will be dividing these questions in separate topics.

Thanks in advance!

store url: www.mism.store

Best,

team-mism