Problem with logo on top of search bar

[LadyLionheart]

Hi,

I have a problem in prestashop 1.7 with my free installed theme Apparel that I downloaded from hiddentechies.

My logo seems to be on top of the search bar. Also there is a scroll bar underneath the search bar. Could someone help me move the logo in the center (to the right) and remove the scroll bar from the search bar?
I'd really appreciate it.

website is www.thepinlady.co.uk

 

 

Edited October 19, 2021 by LadyLionheart (see edit history)

[ComGrafPL]

As for scroll you can remove it in https://www.thepinlady.co.uk/modules/ps_searchbar/ps_searchbar.css

Search for

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

and remove overflow line.

As for the logo, for me is in the center. If you move to the right, it will mess with cart.

[LadyLionheart]

Thanks, I will edit the CSS to remove the scroll bar.
Yes in Firefox it seems to be in the middle, but if I look at the site in Chrome or Edge it is on the left side, underneath the search bar.

[ComGrafPL]

You need to add / edit line in CSS

From:
 

#header #_desktop_logo {

position: absolute;

display: table

 

to:

#header #_desktop_logo {

position: fixed;

display: inline-grid

 

[LadyLionheart]

Thanks! I found this in custom.css and edited it, however the logo is now all the way to the right, and it should be in the center. Sorry to be such a bother

Edited October 19, 2021 by LadyLionheart (see edit history)