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

[MetroGraphics]

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!

[BSSCommerce-HDL]

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.

[MetroGraphics]

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!

[BSSCommerce-HDL]

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>

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: 

Hope this can help you

Kind regards

[MetroGraphics]

Hi!

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