Help with moving header icons to right (Dawn theme)

Shopify Discussion
1

Hi Community!

I am looking for some help with moving the icons (Search, Account & Cart) to right most corner. This should be fairly easy so i can have more room for the menu, but that doesn’t seem to be the case.

I have attached a screenshot of what i am trying to accomplish.

I hope someone can please help me with this?

Untitled design (1).jpg
Untitled design (1).jpg1920×1080 19.1 KB

Gracias!

Femmi

2

Hey can you send me a link to your store so I can take a closer look.
This can probably be fixed with some custom CSS (code to style the header)

3

Hey @Femmi

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1699342659489.png
Moeed_0-1699342659489.png1896×127 26.3 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Hey @Femmi

Try this css
5

Hi Moeed, That did the trick, Thank you!

I have another ask though..and hoping its a small change!

I would like to change the Bag icon for checkout to a Cart icon.

Untitled design (2).jpg
Untitled design (2).jpg1440×810 11 KB

Is this icon somewhere i can change? For the life of me, i am not able to locate this and really appreciate your help!!

Thanks much!

Femmi

6

Hey @Femmi

Yes, it is possible and it requires custom liquid coding and is not only possible through CSS. If you’re not familiar with coding then I suggest to hire a Shopify developer who can help you out.

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Best Regards,

Moeed