menu toggle button no longer works in child theme
-
I created this site in 2016 using the Simone theme and have really loved this theme. Everything worked fabulously until suddenly, very recently.
The menu works fine in large sizes, but when the menu is supposed to change to the small device version, only the MENU button displays, but nothing happens when you click on that button. So going to this website on a phone means you have no access to the menu.
I deactivated all the plugins — it still happens.
I switched to SIMONE from my child theme of SIMONE — the problem vanished! So it’s only happening with my child theme. But… it worked fine for years. ?
I am wondering if there is a problem with how the child theme is linking to (enqueing?) the parent Simone theme.
Below I am including my child theme’s function.php file. I would so immensely appreciate if someone could take a look and see if the problem if here:
** * the functions file for the simone-child-srp theme. */ /* For child theme authors: To disable the styles and layouts from Simone properly, * add the following code to your child theme functions.php file:*/ add_action( 'wp_enqueue_scripts', 'dequeue_parent_theme_styles', 11 ); function dequeue_parent_theme_styles() { wp_dequeue_style( 'simone-parent-style' ); wp_dequeue_style( 'simone-layout' ); } /*test if front page, if so, load front-page-style.css*/ function simonechild_scripts() { if ( is_front_page() ) { wp_enqueue_style( 'front-page-styles', get_stylesheet_directory_uri() . '/front-page-style.css'); } } add_action( 'wp_enqueue_scripts', 'simonechild_scripts'); /*allow child of Simone to load the multiple stylesheets that come with Simone*/ function enqueue_child_theme_styles() { wp_enqueue_style( 'child-style', get_stylesheet_uri(), array('simone-style') ); } add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);==================================
Thank you for any help!!!
SusanThe page I need help with: [log in to see the link]
-
I just read a support request from 2 years ago in which the menu button not “unfolding” was reported:
https://wordpress.org/support/topic/also-thanks-for-updating/
The reply to that support request was that the problem had been resolved in version 2.1.3. The version of Simone that I’m using is 2.1.4. So maybe this is the same issue and it didn’t get fully resolved yet?
thanks for your help !
One of my other sites also uses Simone, and yes – this same issue is happening there as well:
https://jimkleinfilmmaker.com.No dropdown menu unfolds from the Menu button at less than 600px. So visitors using the phone have no access to the site menu.
I also see that this is happening on another site that use Simone. I came across this in the recent Simone support requests:
his support request:
https://wordpress.org/support/topic/wordfence-flags-template-config-php/
his site:
http://stage.ainw.comSo is it malware? Or just a bug?
Please please help!
Susan
thank you so much for responding!!
The problem continues even though i changed my child’s functions.php file to this:
function simonechild_scripts() { /*test if front page, if so, load front-page-style.css*/ if ( is_front_page() ) { wp_enqueue_style( 'front-page-styles', get_stylesheet_directory_uri() . '/front-page-style.css'); } } add_action( 'wp_enqueue_scripts', 'simonechild_scripts');That’s it, there’s nothing else in the functions.php file.
thank you again
I re-added back in the dequeue code in my child theme’s functions.php:
so now this is the functions.php code:
function dequeue_parent_theme_styles() { wp_dequeue_style( 'simone-parent-style' ); wp_dequeue_style( 'simone-layout' ); } add_action( 'wp_enqueue_scripts', 'dequeue_parent_theme_styles', 11 ); function simonechild_scripts() { /*test if front page, if so, load front-page-style.css*/ if ( is_front_page() ) { wp_enqueue_style( 'front-page-styles', get_stylesheet_directory_uri() . '/front-page-style.css'); } } add_action( 'wp_enqueue_scripts', 'simonechild_scripts');The menu still does not unfold below 600px.
The thing is, I have not changed anything about these two sites lately (siliconrun.com and jimkleinfilmmaker.com). It’s not a plugin conflict, and you don’t see any issue with how the enqueing is done.
Did you see that this is happening on another support requestor’s website:
https://ainw.com/Could you at least suggest avenues for me to try? These two websites worked smoothly for years. What is happening to cause this now? And what in a child theme could possibly suppress the below 600px menu button from unfolding its dropdown menu?
Dear Carolina,
I deleted my style sheet for one of these two sites (jimkleinfilmmaker.com) and the problem continues. Where does a child theme exert influence on a menu button, other than in the functions.php (which I shared above) and style sheet?
I do understand that the child theme issue is not your responsibility. I was hoping, since you are an expert, you might have any thoughts or ideas for things I can try.
Oh, also, these two websites are on two different hosts, one HostGator and the other SiteGround.
thank you,
SusanThe mystery unraveled:
The header.php file in Simone parent theme updates has evolved significantly from the original Simone theme header.php file. Back in 2016, I had copied the parent theme header.php to my child theme and added a Google font link and a custom-styled “title box”. The site worked fine for years, until recent theme updates introduced new functionality that superseded old functionality, including the small device width menu dropdown feature. The new functionality was absent from my 6-year old child theme header.php, so my small device menu button was not unfolding the dropdown anymore.
The fix is easy. I solved this by copying the two child theme modifications over to the current Simone parent header.php, and then I replaced my old child theme header.php with the modified but otherwise up-to-date parent header. It all works now, on both of my Simone-based sites: siliconrun.com and jimkleinfilmmaker.com.
Now I am thinking deep about the backward compatibility of WordPress parent themes — fearing that I have been naive about the durability of child themes into time — some backward compatibility is not possible. And, in fact, the conscientious webmaster must carefully check over the child theme after any parent theme update.
Update: I have found that this issue is also the case with most of the files that I had copied from the parent theme back in 2016. Also I’ve found a puzzling missing style (.site-content had lost its margins… haven’t tracked that one down to a template yet, I just re-styled it from my child style sheet for now).
I attribute all these discrepancies to parent theme updates performed without regard for the existence of older child themes. This has been a real eye-opener for me about how safe child themes are from parent theme changes.
- The topic ‘menu toggle button no longer works in child theme’ is closed to new replies.
