How can I customize my website header with a button?

Shopify Discussion
,

Topic summary

A user wants to add a custom button to their website header, similar to the design on capital.club, but needs guidance on where to implement the HTML and CSS code.

Key Points:

  • The user already knows they need developer-level customization
  • They specifically need to know the file locations for adding custom code
  • They don’t want someone else to design the button—just need technical direction

Solution Provided:

  • Add HTML code in the theme.liquid file at the desired header location
  • Add CSS styling in the theme’s CSS file (base.css/style.css/theme.css)

Status: The question appears answered with specific file locations, though implementation details remain with the user.

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

Hello @anwarrahim ,

You can add your HTML code in the theme.liquid file at the appropriate place where you want to add the button and css code in the .css file (base.css/style.css/theme.css)of your store.

I hope it helps you.

Please let me know if you need any assistance.

Thank you.