Site logo

Archived topic

Mobile search - bright blue box behavior

3 replies · Started by Christopher on November 1, 2020

Viewing posts 1–4 of 4

...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.

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 */
}

So awesome.

Fixed.

Thanks, David!

Glad to be of help

This archived topic is closed to new replies.