[Resolved] Mobile search – bright blue box behavior

[Christopher]

…that’s a lot of “b”s… sorry.

On mobile, when you click on the search button in the header, you get a search box that is wrapped in a bright-blue border.

It’s like this on every browser. I can add a border to it with CSS but it doesn’t remove the blue.

Is there a way to remove this or is this just a behavior of the browser in general? Website is in the private information area.

Mobile or Desktop: Behavior is only on Mobile
Theme: GP Skeleton Child Theme 0.1
GP Version: 3.0.2
GP Premium: 1.12.2

Thanks.

[David]

Hi there,

yes thats a browser styling – you can remove it and add your own border color with this CSS:

#site-navigation.has-active-search .navigation-search input {
    outline: none !important;
    border: 1px solid #ccc; /* Optional */
}

[Christopher]

So awesome.

Fixed.

Thanks, David!

[David]

Glad to be of help

[Author]

Posts