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 hidd…

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

Hi @Rishabh_Dixit Could you share your store URL so I can check?

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

Would you want the buy button on mobile only?

No I want for both devices mobile and dekstop [Screenshot 2024-08-12 132834.png] this is mobile view and for dekstop I am alredy shared you the image thanks for your support

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 Buy Now Save the file and check …

ref=“add your own link here” would be replace with

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

Store Design

Dan-From-Ryviu August 12, 2024, 8:39am 8

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

Topic		Replies	Views
Create Buy Now Button and put in top right header Store Design	1	16	July 3, 2023
Adding Buy now button to the right side of header- Refresh Shopify Discussion troubleshooting	2	25	December 19, 2023
How To Fix Buy Now Button? Store Design menu , design , header , customizations , collection-page , footer , landing-page , css , third-party-themes , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	3	87	August 24, 2024
I want shop now and buy now button in my mobile and desktop version in pink Store Design design , customizations	3	21	February 24, 2024
How can I reposition the buy now button on mobile view? Store Design menu , design , customizations , css , troubleshooting	2	18	June 13, 2023

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

Related topics