*SOLVED* Searchbar doesn't work properly

[PapaBearTango]

Hi !

I have some issues with my searchbar.

It gives me like two options. I dont know what the first thing is. But you always have to click the down arrow to search something.

Also my searchbar is not fully visible when i type something.

 

Anyone has this issue? 

 

Here's the link: https://www.creativecreations.be/

 

I'm using artcraft theme.

 

Thank you in advance!

Edited July 27, 2022 by PapaBearTango (see edit history)

[d2iautosound]

This may be a fix possibly if you are running a new version of prestashop.  I have seen it in the recent updates. 

Navigate to Themes/Yourtheme/Modules/ps_searchbar and rename the ps_searchbar.tpl file to something you can use later if it gives issues like ps_searchbar.tplorig

See if that works if not revert back then youd have to do some css formatting and change the padding and sizing 

[PapaBearTango]

8 hours ago, d2iautosound said:

This may be a fix possibly if you are running a new version of prestashop.  I have seen it in the recent updates. 

Navigate to Themes/Yourtheme/Modules/ps_searchbar and rename the ps_searchbar.tpl file to something you can use later if it gives issues like ps_searchbar.tplorig

See if that works if not revert back then youd have to do some css formatting and change the padding and sizing 

Hi! Thanks for you answer. But unfortunately it didn't work...

[ComGrafPL]

11 minut temu, PapaBearTango napisał:

Hi! Thanks for you answer. But unfortunately it didn't work...

Try with adding this to custom.css

#header .search-widget .search_toggle {
  display: none;
  z-index: 9;
  position: initial;
  width: 270px;
  right: 0;
  top: 30px;
}

Clear the cache.

[PapaBearTango]

46 minutes ago, ComGrafPL said:

Try with adding this to custom.css

#header .search-widget .search_toggle {
  display: none;
  z-index: 9;
  position: initial;
  width: 270px;
  right: 0;
  top: 30px;
}

Clear the cache.

I've added your script. But still having the issues.

Very weird..

[ComGrafPL]

4 minuty temu, PapaBearTango napisał:

I've added your script. But still having the issues.

Very weird..

Go to: https://www.creativecreations.be/themes/Artcraft/assets/css/theme.css

Find line: #header .search-widget .search_toggle
and change
position: absolute;
to:
position: initial;

[PapaBearTango]

25 minutes ago, ComGrafPL said:

Go to: https://www.creativecreations.be/themes/Artcraft/assets/css/theme.css

Find line: #header .search-widget .search_toggle
and change
position: absolute;
to:
position: initial;

It worked! Thank you for that! May i ask what this function "Absolute" and "Inital" does?

[ComGrafPL]

Przed chwilą, PapaBearTango napisał:

It worked! Thank you for that! May i ask what this function "Absolute" and "Inital" does?

It is probably an issue with the theme and searchbar. Best way to ask theme dev.

Glad it worked.

Cheers