Search bar messed up after 1.7.8 update

[george tsi]

hi! after update 1.7.8 my webpage search bar its completely messed up.

the module was disabled by default after the update and when i re-enabled it well... this happened.

any idea?

i use a theme ofc and probably is incopatible, but it says that it is compatible to 1.7.x.

any help is really appreciated.

thanks! 

 

[Roberto P]

Me too!!

[WISYWIG]

Hi

You can do this:

In custom.css add following code:
 

#search_widget {
    overflow: hidden;
}

#search_widget form i {
    top: -20px;
}

.search-widget form button[type="submit"] {
    width: 4.5rem;
}

 

In my case:

Before:

 

 

After:

 

 

Depending on your Theme you might have to adjust the above code to make the search bar look properly.

And make sure your modules are up to date.

Hope this helps.

 

 

 

Edited October 14, 2021 by WISYWIG (see edit history)

[Roberto P]

3 hours ago, WISYWIG said:

Hi

You can do this:

In custom.css add following code:
 

#search_widget {
    overflow: hidden;
}

#search_widget form i {
    top: -20px;
}

.search-widget form button[type="submit"] {
    width: 4.5rem;
}

 

In my case:

Before:

 

 

After:

 

 

Depending on your Theme you might have to adjust the above code to make the search bar look properly.

And make sure your modules are up to date.

Hope this helps.

 

 

 

 

Which folder contains that file??

Thx

[WISYWIG]

themes/yourtheme/assets/css

 

[Roberto P]

9 minutes ago, WISYWIG said:

themes/yourtheme/assets/css

 

I just do it and dont runs for me

[WISYWIG]

Clear browser cache and try again.

If it still does not work:
Check source code of your website. Does custom.css get loaded there?

You should see something like this:

<link rel="stylesheet" href="https://www.your-domain.com/themes/yourtheme/assets/css/custom.css" type="text/css" media="all">

 

[Roberto P]

I try whit other browser (that never used) and dont runs. I have put that code in the correct file (mydomain/themes/name_of_theme/assets/css/custom.css) but still bad.

I try remplacing module from a backup and runs ok.

Thaks for your answers

[WISYWIG]

OK, all good then 🙂

[george tsi]

In my case, i looked a little bit more after posting this and i've contacted the theme developer also(awsome guys there!) and they had already updated their theme for PS 1.7.8.
its operating like a charm again.

i dint check your solution WISYWIG thogh.

thank you anyway for your time, much appreciated.

i dont know if i am permited to tell what theme i use but in case i am, i can post the devs update page for you guys.

 

 

 

[musicmaster]

See also https://github.com/PrestaShop/PrestaShop/issues/25594

[Alex Nicoli]

Did anyone solved this?

I have just upgraded presta to 1.7.6.3 to 1.7.8.10 and searchbar doubled with white stripe. 

Any advice?

[endriu107]

Probably you didn't update your theme. Issue is that this module didn't need anymore its tpl file in theme catalog. Go to themes/your_theme/modules/ps_searchbar and rename ps_searchbar.tpl file. Clear cache in your shop and browser. Let me know if it helps.