Add new button on header

Store Design
, , , ,

Topic summary

A user wants to add a custom button to their Shopify store header that redirects to an Uppromote partner login page.

Solution provided:

  1. HTML modification - Insert a link/button element in header.liquid (around line 275, before the closing </header> tag) with the Uppromote login URL and custom button text

  2. CSS styling - Add styling rules to base.css for the .btn-partner class to control appearance (font size, padding, border, colors, transitions)

The responder included code snippets for both steps, noting that the user should customize the href URL and button text to match their specific needs. The discussion appears resolved with a complete implementation guide.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Screenshot 2024-12-17 at 16.42.31.png
Screenshot 2024-12-17 at 16.42.31.png867×190 8.91 KB

This button you can find on www.dynutrition.ro. is a button to redirect uppromote login.

My page is https://cryogeltest.myshopify.com/ – password - cryogel

Thank you!

1 Like
2

Hello @IloveWebsites ,

Please follow the steps:

  1. Edit sections → header.liquid

Here a t line no. 275 just before to this

add this code

[Logare Parteneri](https://af.uppromote.com/dynutrition-ro/login)

Note: Don’t forgot to change href value and text of the button.

  1. Edit assets → base.liquid and the the bottom of the file add this css code
.btn-partner {
    margin-left: 25px;
    font-size: 15px;
    color: #1d1d1b;
    font-weight: 300;
    padding: 8px 25px;
    border: 1px solid #C6C6C5;
    display: inline-block; 
    transition: all .5s ease;
      text-decoration: none;
}

Regards
Guleria