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
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | 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
Highlighted

Success.

Shopify Partner
1278 74 156

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;
}
Thanks & Regards
MS Web Designer
Setup Shopify Store @ 129 USD
20000+ Task Completed
1000+ Satisfied Client
9.9*/10 Customer Rating
10*/10 Shopify Services Marketplace
0 Likes