How can I customize the Dawn theme navigation button to a Shop Art button?

Topic summary

A user seeks to customize the Dawn theme’s navigation by removing the search icon and adding a “SHOP ART” button that links to their available art collection.

Solutions Provided:
Multiple developers offered similar code solutions involving:

  • Editing the header.liquid file in the theme code
  • Locating the header__icons section
  • Inserting HTML markup for a button styled with classes like button button--primary header-shop-art
  • Linking to /collections/available-art

Mobile Display Issue:
The user later requested the button be hidden on mobile devices, as it appeared awkward in that view.

Resolution:
One solution included CSS to automatically hide the button on mobile. The user confirmed this approach worked successfully, allowing the button to display only on desktop while remaining hidden on mobile devices.

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

Can we please make the navigation look exactly like this, with no magnifying glass, with a SHOP ART button.

SHOP ART button should pull from https://umasanghviart.com/collections/available-art

https://umasanghviart.com/

pass: mowglo

Hello,

You may add below code before your cart icon (cart-icon-bubble). You may find cart logo in header.liquid file [It may vary based on theme.]

SHOP THE ART

let me know if it worked.

Thank you

@Chantelrudden

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. Find Sections> header.liquid and paste this at the bottom of the file:

  3. Find 'header__icons’ and put this code after

SHOP ART

  1. Save

Hi @Chantelrudden

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file header.liquid, find “header__icons” and add this code on here

SHOP THE ART

Hope this answer helps.

Best regards,

Victor | PageFly

thank you!

is there a way for it to not appear on the mobile? the mobile view looks a little weird, so probably will take it off for that view

Hello,

I have already added code with the css to hide that button on mobile devices .. Hope you’ve tried it. Check the very first answer if haven’t tried at all and give it a shot.

ill try now!

thank you! this works as well as not using it in mobile! :slightly_smiling_face:

Sounds Great. :+1: