How can I relocate my search bar from right to left?

Store Design
,
1

Hi,

I need some help getting my sidebar from Right to left.

NoahOnyejese_0-1667587910264.png
NoahOnyejese_0-1667587910264.png1501×151 9.96 KB

I just want to move it a bit on the desktop so that I can squeeze a wishlist icon between the account Icon and the search bar.

On mobile, I would like to have it on the other side beside the menu.

I appreciate any help. Thanks in advance!

2

Hi @NoahOnyejese
Is your theme support for the wishlist function?
To move the icon position is simple to do.
Firstly, please share your store url, then we can check it and give you some advise

3

Hello @NoahOnyejese

Could you share your store URL SO that i can review it?

4

www.jaglion.co.uk

The Password is JAGLION1/.

Let me know when you’re done.

5

www.jaglion.co.uk

The Password is JAGLION1/.

6

www.jaglion.co.uk

The password is JAGLION1/.

7

Here is a better understanding of what I’m trying to do.

On desktop

Unbenannt.1PNG.PNG
Unbenannt.1PNG.PNG1522×233 9.33 KB

On Mobile

Unbenannt.PNG
Unbenannt.PNG369×255 16.3 KB

8

@NoahOnyejese
Hello,

@media screen and (max-width: 749px) {
.header__icon.header__icon--search.header__icon--summary {
	position: absolute;
	left: 8%;
}
}

Add this CSS at the bottom of Online Store-> Theme->Edit code->Assets->base.scss.liquid

Like This

oscprofessional_0-1667643975455.png
oscprofessional_0-1667643975455.png625×761 58.6 KB

9

Thanks so much.

10

It didn’t work for me tho. I copy and pasted this code under base.css

11

It didn‘t really work I pasted it into base.css at the very bottom. I tried to create a base.scss.liquid file but my theme doesn‘t support scss or scss.liquid files.

12

Hi @NoahOnyejese
Better way To fix it I think we need to change your theme code.
Please contact with us, we can help you then we can publish the solution on this topic