Search bar covered

[Daniel19901]

Hi, when using my searchbar, the search results are covered by the header. Can anyone help me correct it ?
Thank you 🙂

https://23af13-e4.myshopify.com/

[Guleria · Accepted solution]

Hello @Daniel19901 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.hdt-header-col-search .hdt_predictive-search2 .hdt-cart-show-has-results { 
    z-index: 999 !important;
}

Thanks

[BSSCommerce-HDL · Accepted solution]

Hi @Daniel19901, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
hdt-predictive-search.hdt_predictive-search2.hdt-block {
    z-index: 999 !important;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[niraj_patel · Accepted solution]

Hello @Daniel19901 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .hdt-header-col-search .hdt_predictive-search2 .hdt-cart-show-has-results{
      z-index: 999 !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Guleria · Accepted solution]

Hello @Daniel19901 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.hdt-header-col-search .hdt_predictive-search2 .hdt-cart-show-has-results { 
    z-index: 999 !important;
}

Thanks

[BSSCommerce-HDL · Accepted solution]

Hi @Daniel19901, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
hdt-predictive-search.hdt_predictive-search2.hdt-block {
    z-index: 999 !important;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[niraj_patel · Accepted solution]

Hello @Daniel19901 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .hdt-header-col-search .hdt_predictive-search2 .hdt-cart-show-has-results{
      z-index: 999 !important;
   }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs · Accepted solution]

.hdt-cart-show-has-results {
    z-index: 9999 !important;
}

Can you add this code to last line file base.css @Daniel19901 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.