Add a button to header in Prestige theme

Store Design
,

Topic summary

A user seeks help adding a button to the header of their Shopify store (sulinu.com) using the Prestige theme.

Proposed Solutions:

  • Menu-based approach: Add a new menu item via Store Admin > Contents > Menus, then apply custom CSS to style it as a button
  • Code editing: Modify the header.liquid file in the theme code editor to insert HTML button code
  • General note: Implementation requires both code editing and CSS styling

Current Status:

  • The user clarified that a navigation element already exists in the header
  • They specifically need CSS code to transform this existing navigation item into a button-styled element
  • Discussion remains open with no final CSS solution provided yet
Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hello, I’m wondering if anyone can help with some CSS to add a button to the header of this website.

https://www.sulinu.com/

I greatly appreciate your help. Thank you!

1 Like
2

@eskylarneal - what button do you want? it will need code editing and css to add button to this header

3

Hi @eskylarneal

Please go to your store admin > Contents > Menus, open menu which you used for display on header, add a new menu with the link that you want then I can give you a custom code to display that menu as a button.

4

Hi @eskylarneal ,

Please go to Actions > Edit code > Sections > header.liquid file.

You can add HTML code for the button here.

5

Hello, the Navigation element is already in place. I’m just not sure of the CSS for changing it into a button in Shopify. Thanks!