At desktop version everything is working fine, but when it comes to mobile version my drop down menu just stopped working!
Here is a picture of the menu and this is the link of my store for checking: www.vintaggioco.com
At desktop version everything is working fine, but when it comes to mobile version my drop down menu just stopped working!
Here is a picture of the menu and this is the link of my store for checking: www.vintaggioco.com
Looks like your theme header liquid code was modified and now it does not output some data required by the theme Javascript to work properly.
It’s hard to suggest anything without knowing what theme it is and what was modified recently.
It outputs HTML like this, but both id and, especially, settings should not be empty.
If you have older version of your theme somewhere, it may be possible to recover properly.
It's possible that using this liquid code may fix the problem, but this is just a guess:
```markup
Note that there is also a commented copy of this line inside the <head> which is obviously a wrong place for it.
Sadly it did not work, but as you told i was able to rollback to an old version of header.liquid. It fixed the issue with the menu but three other “errors” appeared in its place
When it comes to the desktop version the titles changed from black colored letters to blue colored letters, and a “white bar” with black borders appeared:
And at mobile the alignment of the store’s logo and the search and cart button are kinda off place, before the bugs the logo was in them middle and the search and cart at the left side
OBS: My store’s theme is Warehouse version 1.9.21 and these bugs happenned because i tried to install an Whatsapp button APP.
Your code is still a bit off. See the difference between elements structure on your store and demo site of the theme (they are a bit different, probably due to the theme settings and version being different, but general structure is very similar, except for the marked area)
Demo:
Yours:
That part marked in pink should not be there. And that header element inside pink area is a duplicate of the one highlighted in blue – this is the cause of the extra underline and empty space you’re encountering.
Do you have an older copy of the theme?
Otherwise you can try making a backup copy of the theme and then removing the code highlighted in pink along with the closing and tags (matching them may be a bit difficult …).