How to move search icon and cart icon to the same level as the menu nav bar list items in Dawn theme

Store Design
1

I want to get the shopify header search icon and the cart icon to the same level as the menu items level, please refer the video below for clarification, any help would be much appreciated

Thank you

2

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

3

URL: abdur.zacky (abdur-zacky.myshopify.com)

Password: testingpage

Thank you

4

Hi @justauser

Just add this code

  1. Go to Online Store=>Theme=>Edit code
  2. Asset=>base.css paste bellow code in bottom of file.
details-modal.header__search {
    position: absolute;
    top: 50%;
}

.header__icons {
    position: absolute;
    top: 50%;
}
@media screen and  (max-width: 989px) {
details-modal.header__search {
    position: relative;
    top: unset;
}

.header__icons {
    position: relative;
    top: unset;
}
}

Please check the attached screenshot URL: https://prnt.sc/Fya0V-B6Y3cc

Thanks.

2 Likes
5

Hey thank you so much for responding!

worked perfectly! :slightly_smiling_face:

much appreciated

1 Like
6

@justauser

You’re welcome!!

Thank you :blush:

7

That didn’t work for me :disappointed_face:

url is: https://www.undigabledigs.com/

I would prefer to have it at the top right corner where the search bar is

8

Hi I tried this and it didn’t work for me can you please help me

9

My store url is QueenJuni.com and the password is 2003