Sreach bar and predictive results box misaligned

Store Design
, ,
1

Hello,

I’m having an issue where my header search bar and my search bar on search page have the same issue. The predictive search box is aligned to the left of the bar. I’d like this centered like all predictive search boxes are.

You also see that my active search icons in the header are also black. If possible id like them to be white.

https://06ura0-mt.myshopify.com/

Using Dawn theme

Screenshot 2024-12-19 at 2.18.51 PM.png
Screenshot 2024-12-19 at 2.18.51 PM.png794×459 4.23 KB

Screenshot 2024-12-19 at 2.19.05 PM.png
Screenshot 2024-12-19 at 2.19.05 PM.png1880×947 47.8 KB

2

Hi @ACHMedia

Please, share your store URL. Thanks!

3

https://06ura0-mt.myshopify.com/

4

Thanks for the info, try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

5

Hi @ACHMedia

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
@media screen and (min-width: 769px){
predictive-search[open] .predictive-search {
    transform: none !important;
    left: 0 !important;
}
}

Here is the result: https://prnt.sc/v6QU_xUeSKXi

I hope this helps

Best,

Daisy

6

Thank you it wokred perfectly! God bless and Merry Christmas!

7

Welcome! Would you mind hitting ‘like’ as well? Thanks! Merry Christmas too! :christmas_tree: