I want to move the search bar to the right and make the whatsapp image stays in between logo and search bar

[izuchukwuanomneze]

who has idea on what to do in this case , i want to move search bar to the right and make whatsapp image stays in between logo and search bar. please be straight forward on your answers. prestashop engineers also answer this question. the screenshot is displayed for you to see.

[ComGrafPL]

Url will be great to see. Probably you will need to change the size of search or whatsup bar. And them move to the right.

[endriu107]

For whatsapp element add style display: inline-block; and for search bar change this: 

.laberSearch {
    float: left;
    width: 75%;
    display: inline;
}

to 

.laberSearch {
    float: right;
    width: 75%;
    display: inline;
}

 

[izuchukwuanomneze]

10 hours ago, endriu107 said:

For whatsapp element add style display: inline-block; and for search bar change this: 

.laberSearch {
    float: left;
    width: 75%;
    display: inline;
}

to 

.laberSearch {
    float: right;
    width: 75%;
    display: inline;
}

 

Thank you sir , where do i go to get the laberSearch? so that i can work on my prestashop 1.7.5.2  module

 

[endriu107]

All changes you should add to custom.css file in your theme.

[izuchukwuanomneze]

10 hours ago, ComGrafPL said:

Url will be great to see. Probably you will need to change the size of search or whatsup bar. And them move to the right.

I want to change the size of Search where should i go and make the changes in prestashop 1.7.5.2 module , I have changed the size of the whatsapp bar yet the problem remain the same. i wait your reply

[izuchukwuanomneze]

9 hours ago, endriu107 said:

All changes you should add to custom.css file in your theme.

To add css file in my theme to custom is the problem now, I couldn't locate the css file in my theme. may be i can send you one of the back office login to check on it. Search Bar is the problem for not having department to control it sizes etc without excessive processes.

[ComGrafPL]

If you dont have custom.css file, you just need to create it.

[Harryhales]

I want to change the size of Search where should i go and make the changes in prestashop 1.7.5.2 module , I have changed the size of the whatsapp bar yet the problem remain the same. i wait your reply.

Edited November 22, 2022 by Harryhales (see edit history)