Hi there I am trying to change my search icon, which is top right of my homepage, into a full search bar. I have read some guidance from @LitCommerce and this worked in changing the icon to a search bar, however, it did something to my coding that meant my product pages weren’t loading at all - th…

Hi @Estilee , Sorry, I didn’t see the code before. Please change all code header.liquid file: {%- if settings.predictive_search_enabled -%} {%- endif -%} <{% if section.settings.enable_sticky_header %}sticky-header{% else %}div{% endif %} class="header-wrapper color-{{ section.settings.color_sc…

How can I change my search icon to a full bar without affecting product pages?

Shopify Discussion

LitCommerce October 27, 2022, 3:02pm 2

Hi @Estilee ,

Please send your site and if your site is password protected, please send me the password. I will check it.

Topic		Replies	Views
How can I change the look of my search icon in the header? Store Design design , customizations , css , shopify-themes	10	61	March 27, 2023
How can I replace the search icon with a search bar in Dawn theme? Store Design	37	84	January 31, 2024
Positioning search text above the menu bar Store Design menu , design , header	11	140	December 3, 2024
Need help with search box in Dawn theme Store Design	1	54	November 22, 2022
Removing search icon and replacing with instagram icon Store Design design	8	48	August 29, 2023

How can I change my search icon to a full bar without affecting product pages?

Related topics