Help adding a button at the top of the header

Store Design
,
1

Hi,

Can you please assist me in adding a custom coded button at the top of the header? It needs to direct to an external link: https://print.c12store.com/login and the button should read “Chair Print Shop”

Here is the website I am editing: https://3udy9t6evarnmpe3-52716503197.shopifypreview.com/

Can you provide directions and the coding needed to add this button? I am providing a mockup of what I would like for it to look like. The placement of the button doesn’t need to be in a particular place, just above the navigation bar to the left or right.

Thank you!!

Red and White Elegant Gift Voucher Card.png
Red and White Elegant Gift Voucher Card.png5156×3984 831 KB

2

Hi @gabrielle_pip ,

This is Victor from PageFly - Free Landing Page Builder.

Please follow my steps below:

Step 1: Online Stores > More action > edit code > header.liquid

Step 2: Hit Ctrl F or CMD F to find “ /header-drawer “

Step 3: Add paste the following code right in the place

PageFlyVictor_0-1669783346740.png
PageFlyVictor_0-1669783346740.png1326×547 28.1 KB

Hope this can help you solve the issue.

Best regards,

Victor | PageFly

3

Hi @gabrielle_pip

You can try the following steps:

  • Step 1: Press Ctrl + Shift + C, point to the search icon, and copy the class name. Example with Dawn theme:

view (45).png
view (45).png1224×963 96.8 KB

  • Step 2: Open Shopify admin, go to Online store > Themes > Edit Code

view (46).png
view (46).png1115×895 77.9 KB

Step 3: Find the file header.liquid, search the class name just copied above. Add next to the tag with that class the following element:

[
  
](https://print.c12store.com/login)

I hope that it will work for you.