Your theme is mobile-first (Genesis 2. Look in your style.css at the Media Queries section. Is your theme mobile-first or desktop-first? OR you will see this line: // Adds support for accessibility.Īdd_theme_support( 'genesis-accessibility', genesis_get_config( 'accessibility' ) ) If you look in your theme’s functions.php, and search for “accessibility”, you’ll see a section that looks like: // Add Accessibility support.Īdd_theme_support( 'genesis-accessibility', array( '404-page', 'drop-down-menu', 'headings', 'rems', 'search-form', 'skip-links' ) ) How to Tell Which CSS to Use for Your Genesis Theme.ĭoes your theme include accessible menus? Of course, you can always add additional color styles, as well. You can decide on the number of columns you need for your menu items. You’re going to limit the depth of the menu first by adding a function to your functions.php, and then you’ll add the CSS for the mega menu on large screens and smaller screens, if your theme is NOT mobile-first. This allows you to have some normal menu items and some mega menu items it allows for flexibility. If, however, you already have a menu, complete with some links, you can jump straight to Step 2. If you see a prompt telling you to create a menu, you’ll need to, as the prompt says, create a menu to get started. You’re going to use a CSS class to define which menu items will act as mega menu dropdowns. To get started, head to your WordPress dashboard and click on Appearance > Menus. I’m using the Genesis Sample theme, but you’ll be able to use this tutorial on other themes too. This tutorial was originally for Genesis themes that include the accessible navigation menu, and the CSS was for desktop-first themes. Changes are also included for the mobile-first Genesis themes. The ticket is marked as a high priority but because of the upcoming holidays in the US and WordCamp US next weekend, it could be at least a few weeks before WordPress 4.9.1 is released.This tutorial has been updated so that you can choose the order of the menu items to be either horizontal, or now, vertical too. Other workarounds include, bumping the theme’s version, running the wp cache flush command in WP CLI, or waiting 60 minutes for the cache to expire. Instead, Ruter has released a plugin as a workaround that flushes the template cache.
#CREATE DROP DOWN MENU IN WORDPRESS THEME 2017 PATCH#
Neither suggestion turned into a patch committed to core. Within the trac ticket, developers suggests that a button be added that flushes all caches or disabling the cache if WP_DEBUG is set to true. “An unintended side effect of the caching is that the same directory listing function get_files is used both for the theme editor and for gathering page templates,” Weston Ruter, Co-Release Lead for WordPress 4.9 said. Caching was added to help limit the performance impacts of loading large WordPress themes. In 4.9, the entire directory tree for a theme is listed regardless of its depth. Previous versions of WordPress listed files 2-levels deep in the editor. The issue is related to changes made to the file editor. In 4.9, custom page templates that are created fail to display in the Template drop-down menu. WordPress 4.9 “Tipton” was released last week and although it’s largely trouble-free, there is one particular issue users and developers are running into that’s causing frustration.