Search bar on header for venture theme

Highlighted
Tourist
8 0 2

Hi I've tried searching this on google but no luck so hopefully one of you guys can help me with this. I'm running a venture theme at the moment the search box where you have to click it to open and then type, I would like it to be permanent open and be at the header next to the logo. I have found a website that runs the same theme as me and how they set the search bar is perfect but I cannot seem to see how they did it. I'm don't know coding so maybe its to do with that. I will link my site and I'm not sure if im allowed to link theres but it will give you a good understanding. Don't know how hiring works here but if it requires payments than I'm more than happy to pay for your service, thank you.

my site - ad48.co.uk

reference search bar - kyyo.co.uk

0 Likes
Highlighted
Shopify Partner
115 12 12

Hi @Alisinsa,

Add the following code to your theme.js file (Edit code > Assets > theme.js)

$("#SiteNavSearchCart form").addClass("active-form");

 

Add this at the bottom of the file. 
Let me know if that helps

Want to get customization to your store or bug fixing quickly? Hire Me for an hour for only $20 (Or get a fixed quote)
Hire Me For
  • Store Setup
  • HTML, CSS, JS, JQuery and Liquid coding
  • Bug Fixing

Email at umairabbascs@gmail.com or WhatsApp

0 Likes
Highlighted
Tourist
8 0 2

unfortunately that didn't work

0 Likes
Highlighted
Shopify Partner
115 12 12

Ok here is the CSS solution (Add it to theme.scss.liquid)

form.site-header__search .site-header__search-input {
width:200px !important;
opacity:1 !important;
padding-left:10px;
padding-right:30px;
}

form.site-header__search .site-header__search-submit{
pointer-events:auto;
z-index:2 !important;
}

 

Let me know if you need help with anything else.

Want to get customization to your store or bug fixing quickly? Hire Me for an hour for only $20 (Or get a fixed quote)
Hire Me For
  • Store Setup
  • HTML, CSS, JS, JQuery and Liquid coding
  • Bug Fixing

Email at umairabbascs@gmail.com or WhatsApp

1 Like