Can someone help me please?
I want to add a white,
rounded-corner button that says “get details now” on my header, as shown in the screenshot.
How do I code this in?
Topic summary
A user seeks help adding a white, rounded-corner button labeled “get details now” to their website header, as shown in an attached screenshot.
Proposed Solution:
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
- Locate “header.liquid” file and find the class “header__desktop__buttons” or “header__desktop__buttons–icons”
- Insert HTML code for the button at the bottom of this section
- Add corresponding CSS styling to “theme.css” in the Assets folder to center-align the button
A community member (ZestardTech) provided step-by-step instructions with code snippets, though the code appears corrupted or reversed in the conversation thread. The discussion includes screenshots demonstrating the desired button placement and implementation steps.
Status: Solution offered but requires code verification due to formatting issues in the response.
rounded-corner button that says “get details now” on my header, as shown in the screenshot.
1 Like
Hello there,
- In your Shopify Admin go to online store > themes > actions > edit code
- Locate “header.liquid” and find the class “header__desktop__buttons” or “header__desktop__buttons–icons.” After that, add the following code at the bottom:
Get details now
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.header__desktop__buttons {
align-items: center;
}
1 Like