Menu won't open and search won't close on mobile

[Sebastianrode]

When using my website on the phone, nothing happens when you tap the menu. If you open the search bar, nothing happens when you try to press outside the search field or the X to close. I'm using the Dawn theme, the site is hamonoya-europe.com

How can i fix this?

[PageFly-Victor · Accepted solution]

Hi @Sebastianrode,

You can try this code by following these steps:

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

Step 2: Search theme.liquid

Step 3: Paste the below code at before </head> of the file -> Save

   <style>
.js details[open]>.menu-drawer, .js details[open]>.menu-drawer__submenu{

transform:none;
visibility: visible;
 }
</style>
<script>
window.addEventListener('DOMContentLoaded',(event)=>{
document.querySelector('button.search-modal__close-button.modal__close-button.link.link--text.focus-inset').onclick=(e)=>{
    e.target.closest('details').removeAttribute('open')
}
});
</script>

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly 

[loganw]

@PageFly-Victor Thank you for this. It worked perfect. Such a relief after spending over an hr with support yesterday and no solution, only frustration. The community is definitely the place to come for support. Learning...