why search box palce has changed (after ps upgrade)

[newbie20]

Hello 

i use classic theme of PS.

i have activated both RTL and LTR languages in my shop .

after   i upgarded my prestashop to 1.7.8.2 ,  search box (in RTL mode) in header has changed its palce  . but Why ?? (i want to be located  in its previous location again .)

but it is OK in LTR mode.

 

Edited December 18, 2021 by newbie20 (see edit history)

[pullidea-dev]

You can change the order of modules in Design/Positions of Back Office.

[newbie20]

28 minutes ago, raudsepp said:

You can change the order of modules in Design/Positions of Back Office.

done , but not successful

[pullidea-dev]

1 minute ago, newbie20 said:

done , but not successful

Give me the link of your site.

[newbie20]

11 minutes ago, raudsepp said:

Give me the link of your site.

http://otolam.com/mashino/fa/

[pullidea-dev]

16 minutes ago, newbie20 said:

done , but not successful

Can you show me the config of positions ?

[newbie20]

4 minutes ago, raudsepp said:

Can you show me the config of positions ?

 

[pullidea-dev]

1 minute ago, newbie20 said:

 

Change the places of Main menu and Search bar.

[pullidea-dev]

Please add this code in custom.css

div#_desktop_top_menu {
    float: right;
}

 

[newbie20]

11 minutes ago, raudsepp said:

Change the places of Main menu and Search bar.

this method was not successful

[pullidea-dev]

18 minutes ago, newbie20 said:

 

 

11 minutes ago, raudsepp said:

Please add this code in custom.css

div#_desktop_top_menu {
    float: right;
}

 

Please do combination of these.

Edited December 18, 2021 by raudsepp (see edit history)

[ComGrafPL]

Change here http://otolam.com/mashino/modules/ps_searchbar/ps_searchbar.css either on custom.css

From:

#search_widget {
    float: right;
    margin-bottom: 0;

to:

#search_widget {
    float: left;
    margin-bottom: 0;

 

[newbie20]

8 minutes ago, ComGrafPL said:

Change here http://otolam.com/mashino/modules/ps_searchbar/ps_searchbar.css either on custom.css

From:

#search_widget {
    float: right;
    margin-bottom: 0;

to:

#search_widget {
    float: left;
    margin-bottom: 0;

 

in my ps_searchbar.css  ,  i  have this 

#search_widget {
  margin-bottom: .625rem;
  overflow: auto;
}

should i replace it with  : 

#search_widget

{ float: left;

margin-bottom: 0; }

 

[pullidea-dev]

1 minute ago, newbie20 said:

in my ps_searchbar.css  ,  i  have this 

#search_widget {
  margin-bottom: .625rem;
  overflow: auto;
}

should i replace it with  : 

#search_widget

{ float: left;

margin-bottom: 0; }

 

No, this part.

@media only screen and (min-width: 768px) {
  #search_widget {
    float: right;
    margin-bottom: 0;
  }

 

[newbie20]

i have following in my  /themes/classic/assets/css/custom.css : 

/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
div#_desktop_top_menu {
    float: right;
}

and following  in my    /modules/ps_searchbar/ps_searchbar.css  :

@media only screen and (min-width: 768px) {
  #search_widget {
    float: left;
    margin-bottom: 0;
  }

but the goal is not achieved.

are these changes OK ?

 

Edited December 18, 2021 by newbie20 (see edit history)

[pullidea-dev]

No, you need to do either of them.

48 minutes ago, raudsepp said:

 

Please do combination of these.

or

41 minutes ago, ComGrafPL said:

Change here http://otolam.com/mashino/modules/ps_searchbar/ps_searchbar.css either on custom.css

From:

#search_widget {
    float: right;
    margin-bottom: 0;

to:

#search_widget {
    float: left;
    margin-bottom: 0;

 

 

[ComGrafPL]

Did you clear the cache after the change?

[newbie20]

14 minutes ago, ComGrafPL said:

Did you clear the cache after the change?

yes both server and browser cash , deleted and both  custom.css and ps_searchbar.css  have i atached here .

what should i do now ?

ps_searchbar.css custom.css

[ComGrafPL]

1 minute ago, newbie20 said:

yes both server and browser cash , deleted and both  custom.css and ps_searchbar.css  have i atached here .

what should i do now ?

ps_searchbar.css 1.29 kB · 0 downloads custom.css 134 B · 0 downloads

ps_searchbar

In

@media only screen and (min-width: 992px) {
  #search_widget {
    min-width: 15.63rem;
  }

Also add line float: left;

@media only screen and (min-width: 992px) {
  #search_widget {
    float: left;
    min-width: 15.63rem;
  }

 

[newbie20]

33 minutes ago, ComGrafPL said:

ps_searchbar

In

@media only screen and (min-width: 992px) {
  #search_widget {
    min-width: 15.63rem;
  }

Also add line float: left;

@media only screen and (min-width: 992px) {
  #search_widget {
    float: left;
    min-width: 15.63rem;
  }

 

done and problem is solved by RTL mode

thanks so much

But now , i have the same problem by LTR mode (english mode)

Edited December 18, 2021 by newbie20 (see edit history)

[newbie20]

20 hours ago, newbie20 said:

done and problem is solved by RTL mode

thanks so much

But now , i have the same problem by LTR mode (english mode)

no solution more to LTR mode ??

[ComGrafPL]

You mean after change to english language?

Looks fine for me. After clearing the browser cache.

 

[newbie20]

48 minutes ago, ComGrafPL said:

You mean after change to english language?

Looks fine for me. After clearing the browser cache.

 

i mean , that in english mode , the search box should apear  to the right side of menu bar. (this was the case befor the problem by RTL mode  was solved.)

[pullidea-dev]

20 hours ago, newbie20 said:

i mean , that in english mode , the search box should apear  to the right side of menu bar. (this was the case befor the problem by RTL mode  was solved.)

You need to use different style in RTL mode and LTR mode.

So you will need to input the css into theme_rtl.css instead of ps_searchbar.css

Edited December 20, 2021 by raudsepp (see edit history)

[newbie20]

6 hours ago, raudsepp said:

You need to use different style in RTL mode and LTR mode.

So you will need to input the css into theme_rtl.css instead of custom.css

what should i change in theme_rtl.css

[pullidea-dev]

Backup the ps_searchbar.css

And write the code in theme_rtl.css

On 12/18/2021 at 7:21 PM, ComGrafPL said:

theme_rtl.css

In

@media only screen and (min-width: 992px) {
  #search_widget {
    min-width: 15.63rem;
  }

Also add line float: left;

@media only screen and (min-width: 992px) {
  #search_widget {
    float: left;
    min-width: 15.63rem;
  }

 

 

Edited December 20, 2021 by raudsepp
Correct file name (see edit history)

[newbie20]

1 hour ago, raudsepp said:

Backup the ps_searchbar.css

And write the code in theme_rtl.css

 

there is no

@media only screen and (min-width: 992px)   

in my theme_rtl.css

i have attached my theme_rtl.css

theme_rtl.css

[pullidea-dev]

5 minutes ago, newbie20 said:

there is no

@media only screen and (min-width: 992px)   

in my theme_rtl.css

i have attached my theme_rtl.css

theme_rtl.css 187.8 kB · 0 downloads

You can write it on the bottom of theme_rtl.css

[newbie20]

42 minutes ago, raudsepp said:

You can write it on the bottom of theme_rtl.css

done , but no result

[MBueno]

¿Por casualidad tienes el tema warehouse instalado?

[newbie20]

16 hours ago, Mbueno said:

¿Por casualidad tienes el tema warehouse instalado?

no  i have the default classic theme