Move account icon to the left on mobile (Dawn)

Store Design
,
1

I want to put account icon between hamburger menu and Logo(from screenshot1 to screenshot2). I tried to move by ‘transition:transfromX(000px);’ but it makes error because of difference of screen size.

Could you please help me to redesign my header?

url : https://104e35-2.myshopify.com/

loolakoola_0-1684736208182.png
loolakoola_0-1684736208182.png1080×288 61.5 KB

loolakoola_0-1684735269924.png
loolakoola_0-1684735269924.png1080×272 60.6 KB

(screenshot1)

loolakoola_1-1684735289415.png
loolakoola_1-1684735289415.png1080×288 61.5 KB

(screenshot2)

2

Hi @loolakoola

can you please give me your site url?

3

@loolakoola can you share your store url?

4

sorry, I added at main text.

1 Like
5

Hello @loolakoola ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Sections → header.liquid file
  • Find the code include the account icon → Cut this code
  • Find the code include the hamburger icon → paste the previous code under this code.
  • Save changes

Let us know if you can do it.

Ali Reviews team.

1 Like
6

I tried but sadly, nothing has changed.

7

https://104e35-2.myshopify.com/

8

You can try these steps instead:

Go to Online Store → Themes → Actions → Edit code

Go to Sections → header.liquid file → add this following code at the bottom

.account-icon {
  position: absolute;
  left: 10px; /* Adjust the left position as needed */
  top: 50%; /* Adjust the vertical position as needed */
  transform: translateY(-50%);
}

Hope this will work.

Ali Reviews team.

1 Like
9

Thank you for your asnwer, but it differs from screen size so I got confused a lot. is it possible to set position like ‘next to hamburger button’, or sth like that?