Dawn Theme Mega Menu Dropdown Text Alignment

Topic summary

A user is experiencing a layout issue with the Dawn theme’s mega menu dropdown navigation. They want child and grandchild menu items to display inline (directly underneath) their parent items in the dropdown.

Current situation:

  • User has already implemented custom CSS to left-align the mega menu and reduce header padding
  • The provided code snippet appears corrupted or improperly formatted in the post
  • Screenshots were attached showing the current vs. desired layout (images not accessible in text)

Status:

  • The discussion remains open with no solutions provided yet
  • Only one response was posted, but the content is also corrupted/unreadable
  • The issue requires CSS customization for the Dawn theme’s navigation structure
Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

Hi!

Can anyone help with an issue I’m currently running into on the dawn theme, I’d love the child & grandchild menu items to appear inline (directly underneath) the parent menu items on the dropdown - Images attached. For reference I have already added the code below to align the mega-menu to the left as well as make the padding smaller on the whole header menu…

@media screen and (min-width: 990px) {
.header:not(.drawer-menu).page-width {
padding-top: 20px;
padding-bottom: 20px;
max-width: initial;
}

Store URL - 8lemonpips.com

Current Store Password - eyacau

1 Like

1 Like