Moving Menu To Right Side (Dawn Theme)

Store Design
,

Topic summary

A user needed to relocate the dropdown menu in their Shopify store’s Dawn theme header to the right side, positioning it after the shopping cart icon.

Problem:

  • Previous forum solutions didn’t work for their specific case
  • Store URL and screenshot provided showing current menu placement

Solution provided:
Add CSS code to the bottom of the base.css file:

  • Target .header--top-center header-drawer with grid-area: icons and justify-self: end
  • Adjust .header__icons padding-right to 5.5rem
  • Both properties require !important flags

Outcome:
The CSS solution successfully resolved the issue.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hi All,

Need some help is possible please in trying to move the dropdown menu to the right side, after the basket option.

I have tried and researched prior forum posts but none of those solutions worked!

Store link is: https://auclysse.com/

I have attached a screenshot for a little bit more detail:

Screenshot 2025-04-27 at 11.32.10.png

Thank you in advance!

2

Hey @HomarP ,

simply add the following CSS to the bottom on your base.css file:

.header--top-center header-drawer {
    grid-area: icons !important;
    justify-self: end !important;
}
.header__icons {
    padding-right: 5.5rem !important;
}

Sincerely,
Lior from Studio Enchant

3

This worked, thank you so much!