What's your biggest current challenge? Have your say in Community Polls along the right column.
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Move Search Button to Right in Header - Dawn 2.0

Move Search Button to Right in Header - Dawn 2.0

Alvinn
Visitor
3 0 1

1. Looking for help to move search button from right to left in the header, before the account icon

2. Extend/lengthen right arrow in footer email field

 

Website: alittlemore.sg

Password: blasai

 

Thanks in advance!

Replies 3 (3)

Savior
Shopify Partner
537 108 161

@Alvinn 

1. Go to your store Assets > base.css and paste the lines at the bottom of the file

 

details-modal.header__search {
    display: none !important;
}
 .header__icons details-modal.header__search {
   display: block !important;
}
.newsletter-form__button .icon {
    width: 2rem !important;
}

 


If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on mail | Shopify Design Changes | Custom Modifications In to Shopify Theme

banned
Chaotic
Excursionist
23 0 14

I'm looking for the same solution but the code doesn't do anything. Search icon is still on the left side of the logo

Edit.. this is for a different issue. Disregard this comment

Alvinn
Visitor
3 0 1

Thanks @Savior !

Point 1 works!

For point 2, I'm looking to keep the height of the arrow and only extend the width, if it is possible.

 

Screenshot 2022-01-25 at 7.10.27 PM.png