How to remove blue border around my search bar when active?

Solved
Highlighted
Explorer
167 2 8

Hi,

I'm trying to delete the blue border around my search bar when its active..:

Naamloos.png

 

Does anybody know how to achieve this?

Thanks in advance!

0 Likes
Highlighted

@NielsSchutte,

Please add below css in theme.scss file

.mobsearch-sec input.snize-input-style:focus {
    outline: none;
}
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
Explorer
167 2 8

Hi @oscprofessional 

 

This does not work, did u notice i have two search bars? One in my menu and one on my home page, both in mobile version. The blue border does not appear on home page but on the search bar located in my mobile menu. The code that you written does not work, i've tested..

Niels

0 Likes
Shopify Partner
1451 87 188

This is an accepted solution.

Dear NielsSchutte,

 

In theme -> Online Store -> Action -> Edit code ->

Go to the Assets -> open theme.scss.liquid

 

Then paste this code at the bottom of file

input[type="search"] {
    outline: none !important;
}
Best Regards
MS Web Designer
Contact: https://www.task4store.com/pages/contact-us or task4store@mswebdesigner.com
20000+ Task Completed
1000+ Satisfied Client
9.9*/10 Customer Rating
0 Likes