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.

Re: 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