weird search bar glitch

Store Design
, , ,
1

Why is my search bar (top left) looking like this and how do I fix it?

Origin Theme

chrome_rrV13m7Kvr.png
chrome_rrV13m7Kvr.png1920×911 249 KB

2 Likes
2

please do!

3

what do you need from me?

4

https://www.xodarlingco.com/

5

yes

6

Hi @haleyg98

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.
details[open] {
    position: unset !important;
}

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

I hope this helps

Best,

Daisy

7

Hello @haleyg98
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

details[open] {
position: inherit;
}

result

14.png
14.png1422×919 71.4 KB

If this was helpful, hit the like button and accept the solution.
Thanks