Search Bar Hidden behind menu

Solved
Highlighted
Tourist
18 0 1

Hi there,

 

I've noticed that when i use my search bar, the live results are hidden behind the main navigation menu.

 

I'm using the Smart Menu App and my site is visible here

 

Any help would be appreciated!


Thank you.

 

Regards,

Frank

0 Likes
Highlighted

Hello Frank,

Its CSS work Pay me $10 USD will do this for you.
Will do this like this...
zindex.jpg

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
18 0 1

Hi,

 

Thank you for your message.

 

I will have a lot of small tasks that I will need help with that I cannot do or have the time to do.


Can you message me and we can come to some arrangement where these can be done exclusively with you and we can work on a rate?

 

Frank

0 Likes
Highlighted

Hello 
Please check your private message. 

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
667 170 233
Hi, chocoholic86,
 
This is Evita from On The Map. 
 
Just add this css code in your theme code. If you don' t know where to add it, then I need to know what theme are you using. You can try finding theme.scss file in Assets folder.
 
.header__search-bar-wrapper .search-bar {z-index: 1000;}
Best, 
Evita
 
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
Highlighted
Tourist
18 0 1
Hi thre,

Thanks for your message.

I am using the Warehouse Theme. I tried looking in theme.scss.liquid and could find stuff regarding the search bar but when i added this code I probably put it in the wrong place.
0 Likes
Highlighted
Shopify Expert
667 170 233

Did you press the save button when you edited the code?

Add the code at the bottom of scss file.

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Tourist
18 0 1
Yup

Then I pasted it somewhere else and it broke the theme so I had to delete it
0 Likes
Highlighted
Shopify Expert
667 170 233

Ok, try adding this then: 

 

form.search-bar.is-expanded {z-index: 1000}

There shouldn't be any conflicts now.

https://prnt.sc/p7ofaa

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Tourist
18 0 1
I add this in conjunction with the last piece of code or instead of?
0 Likes