In this article I show Bill Erickson’s code can be used to display select menu from a WordPress custom menu. Also included is a custom shortcode using which you can display select menu in widgets and Page/Post editor in this format: [menudropdown menu=”Header Menu”] In your child theme directory, create lib/classes directory and upload a […]
Search Results for: drop down
How to Slide Down Search Box in a Full Screen Overlay in Parallax Pro
This members-only tutorial provides the steps to implement this tutorial in Parallax Pro. Font Awesome search icon in the nav menu Full-screen overlay having the search box when the icon is clicked Tested in Parallax Pro 1.3.3. Step 1 Edit js/parallax.js. Before the closing }); at the end of the file, add $(‘#trigger-overlay’).click(function () { […]
Multiple drag-n-drop Hero, Text-Image and Image-Text sections in Digital Pro
In the comments section of Using ACF Pro for multiple drag-n-drop Hero, Text-Image and Image-Text sections in Genesis tutorial, a user wrote: couldn;t get to work on digital pro, wasnāt full width and boxes didnāt appear side by side. This tutorial is a shorter and better implementation to set up a page template in Digital […]
Multiple drag-n-drop Hero, Text-Image and Image-Text sections using ACF Pro in Centric Pro’s front page
In the comments section of Using ACF Pro for multiple drag-n-drop Hero, Text-Image and Image-Text sections in Genesis tutorial a user wrote: Great tutorial thanks. Ive got this working perfectly on the āHome Pageā ive created, but what i want to do is to put it into a widget area in the Centric child theme. […]
Expanding Search Bar by Codrops in Genesis
In this tutorial I show how Expanding Search Bar can be implemented in Genesis. We are going to add a mobile-friendly flyout search box in Primary Navigation. Initially only the magnifying glass icon will be shown which when clicked, smoothly opens to its left to show the search box. After typing a search term, users […]
Using ACF Pro for multiple drag-n-drop Hero, Text-Image and Image-Text sections in Genesis
Advanced Custom Fields Pro is an excellent plugin that does more than just let you create custom fields. One of the many features available in the Pro version is Flexible Content Field. In this tutorial I share a custom Page template in Genesis to display a meta box in WordPress Page editor in which users […]
How to Slide Down Search Box in a Full Screen Overlay in Genesis
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 […]
Downloadable and Searchable Genesis Code Snippets
Update: The snippets are now here: https://genesis.community/wiki/. It has been a little over 8 months since I stepped into the wonderful world of Genesis. The websites that I create now are leaner and visually better. During this period I have stored and constantly refer to a lot of code snippets, primarily from StudioPress website into […]
Issue with sticky nav and utitility bar
I am using the tutorial for sticky header with nav and drop down search bar in header. It is having isues with the logo being moved over when the screen size shirk. Also other issue is with the utility bar from your utility tutorial not showing up on desktop screens. Lastly I would like the […]
How to slide toggle Gravity Forms form by clicking a link/button in Primary Navigation in Genesis
In Genesis Lovers Skype group, a user wrote: @sridhar if you’re looking to create a tutorial, one on how to create this drop down form from the menu would be awesome. š http://blog.brennancorp.com/ In this article I share the steps for automatically adding a custom link in Primary Navigation which when clicked slide toggles a […]
Recent Comments