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!!!
    Susan

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter susantau

    (@susantau)

    I just read a support request from 2 years ago in which the menu button not “unfolding” was reported:

    https://www.ads-software.com/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 !

    • This reply was modified 2 years, 2 months ago by susantau.
    • This reply was modified 2 years, 2 months ago by susantau.
    Thread Starter susantau

    (@susantau)

    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://www.ads-software.com/support/topic/wordfence-flags-template-config-php/
    his site:
    https://stage.ainw.com

    So is it malware? Or just a bug?

    Please please help!

    Susan

    • This reply was modified 2 years, 2 months ago by susantau.
    Theme Author Carolina Nymark

    (@poena)

    Hi

    I am not able to reproduce this issue on a new/fresh installation of the theme.

    There is no way for me to troubleshoot any customizations that may have been made through a child theme.

    Because I have not updated the theme recently, I can not help you identify what may have changed on your WordPress installation to cause this.

    I understand that you have taken all the correct troubleshooting steps: deactivating plugins and deactivating the child theme.

    But I can’t think of any way that I would be able to help you further: You wrote that the button works when the child theme is deactivated. That is why I believe that the problem is not with Simone but with the customizations.

    Theme Author Carolina Nymark

    (@poena)

    Perhaps by removing (dequeue in functions.php) the stylesheets you are removing CSS that is essential for the menu to display.

    Thread Starter susantau

    (@susantau)

    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

    • This reply was modified 2 years, 2 months ago by susantau.
    Theme Author Carolina Nymark

    (@poena)

    I am not able to help you troubleshoot your child theme or any other third party code or settings.

    Thread Starter susantau

    (@susantau)

    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?

    • This reply was modified 2 years, 2 months ago by susantau.
    • This reply was modified 2 years, 2 months ago by susantau.
    • This reply was modified 2 years, 2 months ago by susantau.
    • This reply was modified 2 years, 2 months ago by susantau.
    • This reply was modified 2 years, 2 months ago by susantau.
    Theme Author Carolina Nymark

    (@poena)

    Please understand that I have no means to determine what has changed on your website. I am not able to provide that kind of website support.
    Things don’t break on their own, so if you have not made any changes, maybe your host has. I do not have access to or the means to use that type of information to help you.

    Thread Starter susantau

    (@susantau)

    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,
    Susan

    • This reply was modified 2 years, 2 months ago by susantau.
    • This reply was modified 2 years, 2 months ago by susantau.
    • This reply was modified 2 years, 2 months ago by susantau.
    Thread Starter susantau

    (@susantau)

    Update:

    I created a test child theme with nothing in it, comrpised of a stylesheet containing no styles and a functions.php file that looks like the last version I shared above. I activated it in jimkleinfilmmaker.com.

    The problem went away!

    So it looks like I need to methodically remove stuff until I find the offending code.

    I will report what I learn here to help other users of this theme, since at least one other user is having this issue.

    Thread Starter susantau

    (@susantau)

    The 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.

    • This reply was modified 2 years, 2 months ago by susantau.
    Thread Starter susantau

    (@susantau)

    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.

    • This reply was modified 2 years, 2 months ago by susantau.
Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘menu toggle button no longer works in child theme’ is closed to new replies.