Welcome to WP Beaches
WordPress Websites design specialists, based in the Northern Beaches, Sydney
Design, Develop, Host
RECENT POSTS
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…
Custom 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…
90 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…
Using 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…
Using 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…
Swap 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…
Adding 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…