Mobile / “hamburger” menu not responsive

Hi @victoriauhl,

I do see the issue occurring on your site, and it appears your theme version is up-to-date. However, the issue does not appear in the theme demo, which is also up-to-date.

This leads me to believe that there is a some plugin conflict that is interfering with the code that makes the mobile menu possible. My first recommendation would be to disable each plugin you are using one by one, and test the mobile menu after each plugin deactivation. If you find the culprit, leave that plugin disabled, and re-activate the others.

If that doesn’t work, respond here, and we will find another way to solve the issue.

Thanks!

David

Hi there — just disabled everything and it’s still not working. ?? I’m not a big coder, but is there some kind of coding patch for the mobile menu that you can provide + tell me where to insert? Happy to have another tablet/mobile menu setup too, I’m not married per se to the hamburger.

Interesting clue: I added HOME back to the home page title field (which I’d purposefully left blank), thinking that might have been an error — it caused the menu to become too long + changed the desktop menu to a hamburger menu, which also does not work. But it does work when I expand the screen to see the full menu. Just mentioning it in the event that this helps pinpoint the issue.

HI @victoriauhl,

I’ve been looking over your site in more detail in an attempt to solve the problem. I’ve noticed the footer code is not loading on any of your pages. Have you made any changes to the theme code to disable the footer from displaying?

Tampering with footer code can result in a few problems. The failing to close specific HTML tags that are required for the site structure, and preventing required Javascript files from loading if the “wp_footer()” script has been deleted. In this case, it would prevent the Javascript file that is needed for the mobile menu. Upon close inspection, that appears to be what’s happening on your site.

If you have not tampered with the footer, then it’s clear the theme did not install completely and/or properly. In which case, I would recommend deleting the theme and re-installing it. You should not lose any of your content or settings by deleting and reinstalling the theme.

Unfortunately, this is an isolated issue with your particular installation of the theme. It’s not an issue that can be resolved by pushing an update to the theme. I have not been able to replicate the issue unless I delete required code from the footer. As a result, my recommendation is to re-install the theme from scratch.

I hope this helps. Thanks!

David

Hi — I’ve done so and all seems to be working well! Thank you so much!

Two questions:

– How do I edit the text in the footer that refers to copyright, GivingPress, WordPress, etc.?

– On mobile there are side and lower scroll bars that come up — any idea why? Is this something that can be fixed?

Best,
Victoria

Hi Victoria,

No problem. Glad that worked. ??

For the footer text, you could delete the following line from the footer.php file:

<p><a href="https://givingpress.com/theme/givingpress-lite/" target="_blank"><?php esc_html_e( 'Nonprofit Website', 'givingpress-lite' ); ?></a> <?php esc_html_e( 'by GivingPress', 'givingpress-lite' ); ?> &middot; <a href="<?php bloginfo( 'rss2_url' ); ?>"><?php esc_html_e( 'RSS Feed', 'givingpress-lite' ); ?></a> &middot; <?php wp_loginout(); ?></p>

Also, you could purchase the footer change plugin here, https://organicthemes.com/footer-change-plugin/

Regarding the horizontal scroll bars on mobile, I’m not seeing these. Are they occurring only on certain pages?

Thanks!

David