How can I remove second background of the search bar?

[vellatore]

I cant remove the white translucent background of the search bar, it appears on both desktop and mobile. Does anyone know how to remove it? My website is www.vellatore.com

[EBOOST]

Hi @vellatore

May I suggest to update code these steps:

1. Go to Store Online-> theme → edit code
2. Assets/base.css
3. Add code below to bottom of file

details[open] .search-modal .modal-overlay {
	display: none!important;
}

[niraj_patel]

Hello @vellatore

You can add code by following these steps to hide white background

1. Go to Online Store → Theme → Edit code.

2. Open your base.css theme file

3. Paste the below code at the bottom of base.css

.search-modal__form .field:before,.search-modal__form .field:after,.search-modal__form .field__input:focus{
box-shadow:none !important;
}

[GemPages]

Hello @vellatore

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid theme file.

3. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.