Editing the header (Dawn Theme)

Topic summary

A user sought help making the top-level navigation menu text bolder and adding spacing below it in the Dawn theme, providing reference images and an example website.

Solution Provided:

  • Add custom CSS to the theme.liquid file before the </body> tag
  • The code targets .mega-menu__link--level-2 to increase font weight and adjust color
  • Adds 10px padding-top to .list-unstyled for spacing

Outcome:
The solution was successfully implemented and confirmed working by the original poster.

Follow-up Question:
A separate user asked about opening mega menu items in new tabs, but this remains unanswered.

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

Hello, good evening!

How can I change the top text of the navigation menu to be bolder, and create a spacing from the below texts? For your reference, please see the attached 2 pictures

(IMAGE 1)

On the first image, make the top texts bolder, and create a space after the red line - around 10x, if possible adjustable

(IMAGE 2)

This is the inspiration or the example of I want to achieve

The website - https://mx3ph-com.myshopify.com/
Password - mx3ph

Please assist.

Thank you!

1 Like

Hello @Mabinibooks

You can add code by following these steps

  1. Go to Online Store β†’ Theme β†’ Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

header .mega-menu__link--level-2 { font-weight: bolder !important; color: #000 !important; } header .list-unstyled { padding-top: 10px !important; }

RESULT:

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

2 Likes

Thanks bro, it worked!

Advance Happy New Year!

1 Like

All good now, thanks for replying!

1 Like

You’re welcome! I’m glad I could help, and thank you for the wishes. Wishing you an amazing New Year ahead filled with success and happiness! :tada:

1 Like

how to open in tab mega menu