Buggy search on mobile devices - Dawn theme

[Dekanten]

Hi

Storeurl: www.dekanten.no

I have a buggy mobile search, it hangs and are a bit buggy.

I want to add a NICE hoverbutton or something who light up on the "SØK ETTER" down on search result page.

How can that be arranged?

See attached image for placing the hover:

[BSSCommerce-HDL · Accepted solution]

Hi @Dekanten, This code for bug mobile search

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>
      body:has(details[open]) .predictive-search {
	   display: block !important;
	}
	
	body:has(details[open]) .predictive-search.predictive-search--header {
           max-height: 65vh !important;
        }
    </style>

Hope this can help you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @Dekanten, This code for bug mobile search

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>
      body:has(details[open]) .predictive-search {
	   display: block !important;
	}
	
	body:has(details[open]) .predictive-search.predictive-search--header {
           max-height: 65vh !important;
        }
    </style>

Hope this can help you 😍

[Dekanten]

Hi again and many thanks for your great support and help, really pleasing result so im glad i got help from someone who know this stuff. Many thousands thanks again, very good result. 🙂

[BSSCommerce-HDL · Accepted solution]

@Dekanten, This code for button hover: 

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>
#predictive-search-option-search-keywords button:hover {
	color: gray !important;
	transition: 0.2s;
}
</style>

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  😍

[Dekanten]

Hi again and many thanks for your great support and help, really pleasing result so im glad i got help from someone who know this stuff. Many thousands thanks again, very good result. 🙂 Another big huge thanks. 🙂

[BSSCommerce-HDL]

@Dekanten, No problem. I glad to help you 😍