Buy now button place on the top right header and change color

[Rishabh_Dixit]

Hi There - I'm trying to create a buy now button that is in my header next to the search and shopping bag icon. On my desktop site, I have all the menu buttons on the left side and I want those to stay in the same place.  I would like the buy now button to be visible on my mobile version and not hidden in the drop down menu if possible.  please share any hint or code attached is the link

[Dan-From-Ryviu]

Hi @Rishabh_Dixit 

Could you share your store URL so I can check? 

[Rishabh_Dixit]

store link - https://sky-score.myshopify.com/ 

password - gumeay

[Dan-From-Ryviu]

Would you want the buy button on mobile only?

[Rishabh_Dixit]

No I want for both devices mobile and dekstop  this is mobile view and for dekstop I am alredy shared you the image thanks for your support 

[Dan-From-Ryviu]

• Login to your store admin > Sale channel > Online store
• In Online store > select Themes 
• Click "..." in the current theme > Edit code 
• Open header.liquid file, find this line of code 

{% render 'header-search', input_id: 'Search-In-Modal' %}​

• Add this code below it 

<a href="add your own link here" class="button" >Buy Now</a>​

• Save the file and check 

[Rishabh_Dixit]

ref="add your own link here" would be replace with

[Dan-From-Ryviu]

Replace add your own link here with a link you want to open if someone clicks on it. 

[Rishabh_Dixit · Accepted solution]

can you please help me to redirect the button to checkout page and i want to make it round and change the color as shown in image