How to move the search icon fully right!

Store Design
, ,
1

How can i move the search icon fully to the right, the cart icon is not displayed and no account icon, I just need the search icon fully to the right. This is for the mobile view,it looks good on desktop. This is on the Savor theme.

IMG_0464
IMG_04641320×504 15.9 KB

2

Hey @Fero2087,

I am just curios how it’s possible to gave you the solution code without the store url. haha!

Please share your store url and password [if applicable] so that I can take a look and gave you the solution code.

Thanks

4

Thanks for sharing the store url and password.

In order to make the search icon on the right side for the mobile then you need to follow these steps.

Go to Shopify Admin >> Online Store >> Edit Code >> base.css

In the end of base.css paste the following code shared below.

@media only screen and (max-width: 767px) {
.header__columns {
  --header-template-columns: 44px 0px 1fr 44px 0px !important;
}
}

Results:

image
image384×134 4.16 KB

If this was helpful Mark as Solution and Like it.

Thanks

1 Like
5

Perfect , thank you so much!

6

I am happy that it’s work for you.

Cheers :slight_smile: