I want to move things around in my header in the theme trade

Topic summary

A user working with Shopify’s Trade theme (version 14) wants to:

Goals:

  • Reposition the drawer menu to the left side of the search icon in the header
  • Remove the login icon (which only appears on desktop, not mobile)

Issue:
Previous editing attempts broke the drawer menu functionality.

Solution Provided:
A community member offered CSS modifications in Assets > Base.css:

  • Add code to hide the account icon: .header__icon.header__icon--account.link.focus-inset.small-hide { display: none; }
  • Adjust menu positioning with menu-drawer and header-drawer properties
  • Set justify-self: end and adjust right/left values

Caveat:
The helper noted that opening the drawer menu will require additional developer work beyond these CSS changes.

Screenshots were shared showing the desired layout and implementation steps.

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

I want to move my drawer menu to be on the left side of the search icon on the right side of my header. I also want to remove the login icon

I have tried editing the code but when I do the drawer does not work anymore. and there is no option for me to remove the login icon

for some reason when I’m viewing from mobile the login icon doesn’t show. it shows only on the desktop view

here is my site https://types.ae/

I’m using Trade version 14

below is a picture of what I’m trying to achive

1 Like

Hi @Types

I can help, but there will be some changes when you open the drawer menu. That needs a developer to change some code in your store.

You can check it by yourself.

Online theme > Select theme > Edit code > Assets > Base.css. Find the code below.

Change the “navigation heading icons” like this

Result:

Next pase this code below on base.css.

header-drawer {
    justify-self: end !important;
}
.menu-drawer {
  right: 0;
  left: unset;
}
a.header__icon.header__icon--account.link.focus-inset.small-hide {
    display: none;
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like