Add WooCommerce MyAccount Page Login/Logout to Menu
This code adds a login/logout link to your WordPress primary menu to log the user into the WooCommerce My Account page and then also log out to the same or different page. It differs from the referred article as that adds the WordPress default login/logout page. The menus need to be registered via register_nav_menu and positioned with theme_location,…
Read MoreAdd Search Icon After Menu using Beaver Themer with the Beaver Theme
Here’s how you can add a search icon after a menu in a header done in the Beaver Theme using Beaver Themer. Create a Shortcode for the Beaver Builder Search function add_shortcode( ‘bb_search’,’bb_search_shortcode’ ); /* Add Search via shortcode */ function bb_search_shortcode() { ob_start(); FLTheme::nav_search(); return ob_get_clean(); } Create the Header in Beaver Themer Create…
Read MoreRemove the default Mobile Menu in Beaver Builder Theme
Here is how to remove the default mobile menu from the Beaver Builder Theme – you may need to do so as you want to use another plugin or simply don’t need it. Add some Jquery Adjust the CSS Fire the Jquery Source/Ref
Read MoreAdding a Data Attribute to a Menu List Item via the Walker Class
Here is how to add a Data Attribute to a Menu List Item via the Walker Menu Class. Some of the markup of the WordPress menu is hard to filter or hook into, the Walker class allows for a full custom menu mark up. One request I find is to add a data attribute to the list item…
Read MoreAdding a centered horizontal submenu in Genesis Theme
In some instances you may need a horizontal submenu as appose to a vertical one, in WordPress with a few CSS tweaks, here is how you can achieve it, this guide uses the latest Genesis Sample theme CSS. So going from this… to this… There are only 5 CSS selectors to edit, you…
Read MoreRemoving The Default Genesis Responsive Mobile Menu
This guide looks at removing the Genesis responsive built in mobile menu, well, not just removing it but making it more modular to either use or not This is based on using the sample theme and with a simple code comment/uncomment you can enable or disable the mobile menu. There are times where you may want to…
Read MoreUsing Slick Responsive Navigation Mobile Menus on Genesis Child Theme
This guide uses a jQuery mobile responsive menu from Josh Cope and shows how you can use it for a mobile menu in a Genesis Child theme in WordPress. There is also a guide for regular WordPress themes here. Also I have made a plugin which will work on Genesis and regular WordPress themes. SlickNav mobile menu is supports all modern…
Read MoreHow to Add a Footer or Tertiary Menu to a Genesis Child Theme
Genesis comes with 2 menus ready to go, the Primary and Secondary menus, by default these sit on top of one another in the framework and Genesis Sample theme: This tutorial takes you through how to make a third menu and place it in the footer; The Footer Menu. Although you can use this as…
Read MoreAdd a CSS class to a menu or menu item in WordPress
CSS Classes can be added to a WordPress menu via a filter named – wp_nav_menu_args , a number of other parameters can also be added. Another filter nav_menu_css_class can also be used for actual list items. Adding a CSS Class to a menu function modify_nav_menu_args( $args ) { if( ‘primary’ == $args[‘theme_location’] ) { $args[‘menu_class’] = ‘menu…
Read MoreRemove Default Mobile Menu from Underscores
WordPress Underscores theme comes with a default primary menu that toggles to a mobile menu button at 600px wide. If your project requires using another mobile menu solution it is best to remove the existing one and here’s how. You can disable this menu and behaviour by removing the wp_enqueue_script to the navigation.js file…
Read More