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
pass: mowglo
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:
header.liquid file in the theme codeheader__icons sectionbutton button--primary header-shop-art/collections/available-artMobile 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.
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
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
In your Shopify Admin go to online store > themes > actions > edit code
Find Sections> header.liquid and paste this at the bottom of the file:
Find 'header__icons’ and put this code after
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! ![]()
Sounds Great. ![]()