A space to discuss online store customization, theme development, and Liquid templating.
I posted this question in design - reposting as this is the more appropriate spot.
I hope these are easy fixes for this newbie. Thanks
Solved! Go to the solution
This is an accepted solution.
@PJBeirne
I believe that content is going to be within the metafields for the product, the block of the section within the Theme Editor, or a separate page itself.
If you are comfortable going into the code editor you can use the following CSS to hide the search icon:
.header__search {
display: none;
}
Though it would ideally not be rendered at all so you would want to go into the sections/header.liquid file and remove or comment out the code for it directly. That said I am unsure if there is global theme code set up to interact with it so just using the CSS approach may be fine for you for now.
For the page, if you are referring to a separate page template you may need to assign that page template to the page within the Shopify admin back-end. If you meant something else please let me know and I'll try to assist.
Hope that helps!
This is an accepted solution.
@PJBeirne
I believe that content is going to be within the metafields for the product, the block of the section within the Theme Editor, or a separate page itself.
If you are comfortable going into the code editor you can use the following CSS to hide the search icon:
.header__search {
display: none;
}
Though it would ideally not be rendered at all so you would want to go into the sections/header.liquid file and remove or comment out the code for it directly. That said I am unsure if there is global theme code set up to interact with it so just using the CSS approach may be fine for you for now.
For the page, if you are referring to a separate page template you may need to assign that page template to the page within the Shopify admin back-end. If you meant something else please let me know and I'll try to assist.
Hope that helps!
Thanks @RobDukarski !
FYI the search suggestion you provided didn't seem to work for me but someone else suggested :
Find Asset > base.css and paste this at the bottom
svg.modal__toggle-open.icon.icon-search {
display: none;
}
This worked for me.