How do I add a clickable button to my header? (Colorblock Theme)

MetroGraphics
Visitor
3 0 0

Hello,

I would like to add a big red button to the top header beside the cart icon. Can anyone help with this? Im adding a photo below to give an idea about what I'm looking for. It does not have to be in that specific location as long as it is within the header and highly visible.

 

Thank you!

 

Screenshot 2024-05-06 at 11.29.11 AM.png

Replies 4 (4)

BSSTech-Venture
Shopify Expert
280 62 67

Hi Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

MetroGraphics
Visitor
3 0 0

Hi!

Here is the store link: https://gometrographics.store/

I am in the process of staging the site so it looks slightly different from the screen grab.

Thanks!

BSSTech-Venture
Shopify Expert
280 62 67

hi @MetroGraphics 

You can try this code by following these steps:
1.  Go to Shopify Admin -> Online Store ->Theme -> Edit code
2. Choose file header.liquid, find header__icon--account  and insert this below code then Save

 

<button class="header-custom-button"></button>

 

image.png

3. Choose file base.css, Insert the below code at the bottom of the file:

 

.header-custom-button{
        height: 30px;
        width: 200px;
        background-color: red;
        border:none;
        cursor:pointer;
      }

 

Final result: 

image.png

 

Hope this can help you

Kind regards

 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

MetroGraphics
Visitor
3 0 0

Hi!

How do I add a link and make it say "Customer Portal"?