Header Menu Issues ( Shopify Dawn Theme )

Store Design
, , , , , , ,

Topic summary

A Shopify store owner using the Dawn theme seeks help repositioning support menus in the header area. The initial request lacks clarity, prompting questions from other users.

Key Developments:

  • One user reports fixing the issue on their end and shares a screenshot
  • The store owner clarifies they want a dropdown menu without background color on the left/right sides of a specific area
  • Multiple suggestions emerge: removing the mega menu configuration for “SHOP” or “SUPPORT” to convert it to a standard dropdown

Proposed Solution:
A detailed CSS fix is provided targeting the mega menu content:

  • Navigate to Shopify admin > Online store > Customize > Theme settings > Custom CSS
  • Add CSS code to adjust the mega menu list width and margins
  • Screenshot shows the expected result

Current Status:
One user offers collaborator access to implement the fix directly. The discussion remains open pending confirmation whether the CSS solution resolves the issue.

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

Hello Everyone!

I would like to keep the support menus in the marked area. Please help me. Thank you.

Store Url: https://blue-chic-clothes.myshopify.com/

Password: Admin

Screenshot (20).png
Screenshot (20).png999Ă—235 19.2 KB

2

Hello,

Your request is not clear can you clarify please

3

It’s fixed in my side

brisk_code_0-1737568669974.png
brisk_code_0-1737568669974.png1910Ă—765 51.7 KB

1 Like
4

can the background be kept like this? No need to change the background color.

Screenshot (23).png
Screenshot (23).png1865Ă—490 265 KB

5

Yes, Remove the mega menu of SHOP, it will automatically convert into Dropdown

6

Give me collaborator access, I will fix it asap.

1 Like
7

Don’t want to have background on the left and right side of the blue mark. It will be a dropdown menu.

Screenshot (24).png
Screenshot (24).png1891Ă—458 27.3 KB

8

I think you have mega menu in customizer as the name of SUPPORT, try to remove it, then it become only dropdown (Background in two side become invisible)

Or give me collaborator access

9

Hi @dreamtechzone_5 ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

div#MegaMenu-Content-6 .mega-menu__list > li {
    width: 50%;
    margin-left: auto;
    max-width: 100%;
}

Here is the result:

DaisyVo_0-1737616270993.png
DaisyVo_0-1737616270993.png924Ă—283 23.4 KB

Please let me know if it works!

Best,

Daisy