Using MeanMenu Mobile with Genesis Theme
This guide goes through using the lightweight jquery mobile menu meanmenu in a Genesis Theme based on the Sample Theme. Get the Assets Download the latest version of meanmenu from GitHub. Need to get two files in your child theme and also create a jquery initialise script. Move – jquery.meanmenu.min.js into your child theme js folder…
Read MoreCustom Genesis Loop on Blog Archive Page
To customise the Genesis loop on the blog page only, the blog page can be conditionally selected, the loop removed on that page only and a custom loop inserted. The blog page is selected with is_home, the genesis_do_loop is removed and a new loop wpb_change_home_loop is inserted. The core markup for the genesis_do_loop is found in the…
Read More90 Menu Item Limit in WordPress Menu
Can’t add another item in an already stacked WordPress menu past the point of 90 items? When you save the menu after adding so many items they don’t save and the menu theme location is also lost! I guess there shouldn’t be that many items in a menu in the first place, but sometimes it may…
Read MoreUsing ScrollNav to control long documents in WordPress
Controlling long document display on a web page can be greatly enhanced with a Javascript solution like ScrollNav which collates all of a defined HTML element in a document like a heading tag such as a h2, puts all of the elements set up in a navigation markup done for you and keeps the links to the relevant…
Read MoreUsing ScrollReveal.js in a WordPress Genesis Theme
ScrollReveal.js is a javascript resource for animating objects as they appear in the viewport, here’s how to get it going in a Genesis theme for WordPress. Above are four colored balls set to animate with scrollreval each time they enter into the viewport. For the elements to animate they need to have an attribute set, data-sr=”” and…
Read MoreSwap Header Right and Title/Logo Area in Genesis Sample Theme
How to swap Header Right and the Title/Logo Area mark up structure in Genesis Sample Theme. Genesis themes most of the time come with a header site title & description area on the left and widget area on the right, this is suitable a lot of the times but on occasion you may need this…
Read MoreAdding an attribute and value to a WordPress Menu Item
Recently I had to add a Bootstrap modal trigger from a WordPress Menu item, the modal trigger requires an attribute of data-toggle with a value of modal. There is no facility to add this to a Menu Item in a menu in WP Dashboard, however their are 2 solutions on how this can be done. Their is a…
Read MoreAdding an attribute and value to a WordPress Menu Item
Recently I had to add a Bootstrap modal trigger from a WordPress Menu item, the modal trigger requires an attribute of data-toggle with a value of modal. There is no facility to add this to a Menu Item in a menu in WP Dashboard, however their are 2 solutions on how this can be done. Their is a…
Read MoreAdding in Header Widget to Genesis Remobile Theme
By default the header widget area in Genesis Remobile Theme is unregistered but can be simply registered back in for use. This guide looks at rearranging the header area in Remobile to have the header-widget area included back in, and also put the menu on the left and less margin and padding in general. So the desktop version…
Read MoreList all WordPress Custom Post Types in a Menu
Want to display a list of a certain WordPress Custom Post Types in a list or menu? You can do this with a simple query using WP Query. WP Query is the preferred function to query all posts in WordPress and has a multitude of arguments and parameters that can be passed in to change…
Read More