I want to resize my search bar from small to large. Could you please help me out!
URL of my store is: https://www.mamasbedding.co.uk/
Thanks.
Topic summary
A Shopify store owner seeks help resizing their search bar from small to large. A solution is provided involving adding custom CSS code to the theme.liquid file before the tag, setting minimum width properties for the search input field.
Additional requests include:
- Centering collection list headings (“Shop By Categories” and “Our Most Popular Products”) - resolved with CSS code to center-align collection list titles
- Making a WhatsApp Chat Widget display as a floating element across all store pages - currently enabled in settings but not appearing site-wide
The conversation involves code snippets and implementation steps, though some text appears reversed/encoded in the original posts. The WhatsApp widget issue remains unresolved and awaits further guidance.
hello @Doublee02
You can add code by following these steps to make larger searchbox
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
1 Like
Thank you much for a solution.
Can you please tell me how to align colllection list heading from left to centre.
i.e ( Shop By Categories and Our Most Popular Product)
I only want these two heading to be shown in centre.
Kindly guide me.
Hello @Doublee02
You can add code by following these steps to make title center
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
1 Like
I have installed WhatsApp Chat Widget app on my store
I want it to show floating widget on all pages.
(NOTE: Floating widget display is ON from my end)
Kindly guide me to show widget on all pages.
URL: mamasbedding.co.uk