Dawn - top-center logo causes search & cart buttons to separate

Store Design
, ,
1

When the logo is in any other position, the search & cart buttons are together on the right side of the page.

But when the logo is in top-center position, the search button is relocated to the far left for some reason.

I would like to keep my logo in top-center position, but return the search button to its original position on the right, next to the cart button.

2

Hi,

Can you share your store url

3

Hi, @MMO1 .

Please share your store URL and password.

Thanks,

4

https://774a7e.myshopify.com/

password: meulti

I want to bring the search icon back to the right, next to the cart icon. Thank you.

5

https://774a7e.myshopify.com/

password: meulti

I want to bring the search icon back to the right, next to the cart icon. Thank you.

6

Hi, @MMO1 .

You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle {
    position: absolute;
    right: 160px;
    top: 22px;
}

Result:

websensepro_0-1689927121975.png
websensepro_0-1689927121975.png1365Ă—381 18.4 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

7

Thank you! This worked.

Could you please help me with 2 more things?

  1. In the image banner, I would like to add an image block (my store logo image) on top of the heading title that says “Browse our latest products”

  2. When you click the search icon, the bar appears on top, then the rest of the content is hidden by a translucent layer. I would like to edit the color of that translucent layer, but I can’t find the correct option under the Colors theme settings. Could you please help?