In this article I show how Fullscreen Overlay Effects code by Codrops can be used to bring up a search box in a full screen overlay when a magnifying glass search icon is clicked in the Primary navigation of Genesis. As can be seen at Tympanus’ demo page, the overlay can be shown with various […]
Featured
Mobile Responsive Genesis Header Nav
Gary Jones authored a plugin called Genesis Header Nav for Genesis that registers a menu location and displays it inside the header. The benefit of using this plugin over the built-in Header Right widget area is that when the requirement is to display a custom menu in header’s right side, Genesis Header Nav plugin does […]
How to use Strip, a less intrusive responsive Lightbox in WordPress
Strip is a jQuery script by Nick Stakenburg for elegantly sliding images and videos (YouTube and Vimeo hosted) from your screen edge rather than the traditional lightbox that appears no top of the content. In this article I show how Strip can be implemented in WordPress and share custom jQuery code for making Strip work […]
How to overlay a widget area on a full width Soliloquy slider in Genesis
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to display WordPress menu in a custom dropdown
In this article I share how custom menu links can be toggled (open and close) by clicking on an element similar to that in http://travelredbook.com/. Screenshots: Custom Menu. Here’s the summary: Create a shortcode to output a specific WP menu. We are going to limit the depth to 1 so that only the top level […]
[Video] How to re-create GenesisCustomizations.com
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Genesis Page Template for displaying Posts in Masonry
In the past I wrote about setting up Masonry in Genesis where I provided the code to display blog posts in Masonry Grid on the Posts page (home.php). In this article I share the code for setting up the same as a Page Template that can be applied to any static Page. Additionally just like […]
Single CPT template in Genesis to display ACF custom fields including a Gallery field as a Slider
In this article I share details on how we can display custom fields added via Advanced Custom Fields Pro (commercial plugin) on the single page of a Projects Custom Post Type in Genesis. Here are the design goals: Images uploaded in the backend should appear as a slider at the left. If no images are […]
A slightly improved ‘Add Nav Extras’ code for adding Search in Navigation
The code snippet for appending a search box in Primary or Secondary Navigation menu currently uses output buffering to display the output of get_search_form() like this: We can simply use the false parameter in get_search_form() to return the search form as a string instead of echoing thus avoiding storing it in buffer.
Beautiful social sharing icons using Genesis Simple Share
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Recent Comments