Debut Image with overlay text to insert a search bar

New Member
7 0 0

Hi,

 

Is there someone know how to insert a search bar on "image with overlay text" for the theme Debut(just like below)?

 

thank you.

 

Capture.JPG

0 Likes

Hello 
To display search bar Open Online Store-> Themes -> Edit code-> snippets ->search-form.liquid file then remove classes from "Form" tag and add following classes : searchh-header searchh search--focus.
This will display search bar above overlay image.
To display that search bar on image overlay you need to add css.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes
New Member
7 0 0

Thank you for your reply.

I managed to disable the display of the search bar on the header.  However, I added a section "image with overlay text" below the header and i want to add the search bar there. Could you please advice? 

0 Likes
New Member
7 0 0

 i also want to check if it is possible to add the search bar on the image with overlay. like the example below. 

https://www.coutinho.nl/

 

my storeurl is https://onzeagent.myshopify.com/

 

Thank you.

0 Likes