Mobile Menu Button Doesn't open menu on Child-Theme

[julesbiero]

I opened another ticket, because I think I broke my previous ticket, because there are no answers coming in since two days. Sorry for messing that up.

Here’s an explanation to our problem. Sadly, though all tips on our previous ticket were really helpful, they could not solve the problem.

---

We have a child theme called “Hopfenhelden”. Everything works well, but when you minimize the window or use it on a mobile device, the hamburger-style mobile-menu button doesn’t expand the menu. You can see that the button is being pressed and it stays in that position until you click it again.

Our parent theme from X works accordingly and well. That’s why it is currently active on our main site “www.hopfenhelden.de”, where we also have a single X License. Our testing-site called erick.hopfenhelden.de (no license) has the child-theme activated, where you can see the error. I will also put the login details for both admin-dashboards in a secure note, so you can switch to the child-theme on the main site, to see the error for yourself.

We’ve checked the dev-tools in the browser and the code is reacting when the button gets pressed. Note: Before we used the child theme, we used the regular X parent theme and the site looked pretty similar.

We’ve checked a lot with the style.css, functions.php etc… everything looks normal and seems correct. We also showed chat-gpt (4th gen) all files and stated the problem and it said it looks fine.

We are using version 10.4.20 on X and 7.4.20 on Cornerstone on Hopfenhelden.de. Everything is up to date and our file structure is like that in the picture.

The thing is we didn’t write the style.css for the child theme, because we bought the site a while ago. So maybe there’s an issue, but again we’ve checked it and it looks fine to us. I mean, everything works really well, besides that button not opening the menu in mobile view.

Thank you for any help in advance. We appreciate your software!

Best Regards

The Bierothek-Team,

Erick

[ruenel]

Hello Erick,

You still need to wp-header.php and _landmark-header.php. Please copy this child theme to the staging site so we can test it there.

Thanks.

[julesbiero]

Hey Ruenel,

the child theme is also available on the staging site in Design -> Themes.

The staging site is an exact copy of the production site, besides that there is no active X License.

The child-Theme is called Hopfenhelden, which is currently active on the staging site.

What do you mean with wp-header.php and _landmark-header.php? Where should we put it?

Thank you Ruenel for your help, much appreciated.

Kind Regads

Erick

P.S: You can also test it out on the main site. Just switch the theme from the X theme to Hopfenhelden child theme. Better use the main site, as there we have the up-to-date versions of X and Cornerstone.

[julesbiero]

Hey I just wanted to also tell you that I have these files in x-child/framework/views/integrity

If necessary, I can also give you server acces via a secure note. But for that I need a ssh key, as this is our access method. I can add it then and you can login.

KInd Regards :))

Erick

[julesbiero]

Hey the directories are now the exact same on both sites. Production and Staging. I still couldn’t figure out what you meant with wp-header.php and _landmark-header.php.

[ruenel]

Hey Erick,

Kindly put your child theme in a zip file, upload in dropbox (or other sites) and post the link here so we can download it and test it locally. It is very difficult to find the issue where its coming from.

Thank you in advance.

[julesbiero]

Hey Ruenel my friend,

thank you for your answer. Sorry for the late response.

Here is a link to a dropbox directory containing the x-child theme

https://www.dropbox.com/scl/fo/nbv1u246thjbwpoep4m7n/APbQjomvpx5YZNbbsAOjF_g?rlkey=v49pl645yyc79u3nxgbndd9jf&st=q5mtk2pq&dl=0

Kind Regads

Erick

[ruenel]

Hey Erick,

You still need to relocate the wp-header.php and _landmark-header.php files to /wp-content/themes/your-child/framework/legacy/cranium/headers/views/integrity.

And I found out that there is something in your style.css that is causing the issue. If you temporarily remove the contents of the style.css, the mobile menu works. This means that a CSS block on that file is causing the issue. You may need to use CSS lint to check your CSS code.

Be advised that custom CODING is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Thank you for your understanding.

[julesbiero]

Hey Ruenel, thank you a lot for your help.

All the best!

Kind Regards

Erick