Easiest way to add a hamburger menu to a classic Genesis theme?

[ilkweb]

Hi all, it's been a while! I'm having an issue with a theme I bought years ago and heavily customised. It is the "Epik" theme, an an early version that didn't have the responsive hamburger menu.

I had the same issue with Magazine Pro but managed to created the javascript in the /js/ folder, and then acquired the correct CSS.

However, with Epik, it's not so easy. I have analysed a few forum discussions online such as this one https://appfinite.com/topic/genesis-responsive-menu-icon/.

I'm hoping there is just a plugin solution. I would like to have the hamburger menu kick in on the smartphone viewport, so 480px would be good width. After all these years, I'm sure the developer Wes has moved on, and support for the theme is probably dead.

I purchased the Pro Plus bundle back when it was on offer but never got around to working with many of the themes. So, hopefully, someone can resurrect some kind of tutorial or point me in the direction I need to go.

By the way, for the responsive menu javascript, I borrowed the exact same folder and files from Magazine Pro, which I hope would be universal for Genesis themes.

Here's what I have in functions.php:

//* Enqueue Scripts/Styles
add_action( 'wp_enqueue_scripts', 'epik_enqueue_scripts_styles' );
function epik_enqueue_scripts_styles() {
	wp_enqueue_script( 'epik-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
	wp_enqueue_style( 'dashicons' );
	wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Open+Sans:300,400,700', array(), PARENT_THEME_VERSION );
}

[ilkweb]

This plugin might still work to get hamburger menus https://wordpress.org/plugins/genesis-club-lite/

[aisah653]

Adding a hamburger menu to a classic Genesis theme involves modifying the theme's HTML, CSS, and possibly JavaScript files. Here are the general steps you can follow. Please note that the specifics might vary depending on the exact structure of your theme like grace charis age

Backup Your Site:

Before making any changes, it's always a good idea to create a backup of your website. This ensures that you can restore your site if something goes wrong during the modification process.

[Author]

Posts