This tutorial provides the steps to add icons above navigation menu’s labels and to set up any menu of your choice to appear (fade into view) fixed/sticky at the top of the screen when scrolling down in Genesis. When scrolled all the way to the top, the sticky menu will fade out. The sticky menu […]
Search Results for: sticky menu
Sticky menu on scroll
Hi Sridhar There’s a few tutorials around but i’m not sure which is best. I want to get a primary nav to stick to the top of the page on scroll. Like the menu @ http://demo.ohhellodesigns.com/amore/about-amore/ Do you have a tutorial for this already? thanks, Paul
Sticky new menu on scroll in Dynamik
Hello Sridhar, Perhaps this exists somewhere. I’m looking for a top-of-the-page thin menu with logo and links that are different from the Primary nav (and Header nav, which I’m using). This would fade in when the header menus scroll off the page (and go away when the header is scrolled back, and would include a […]
How to replace sticky message widget with a navigation menu in Modern Studio Pro
A user in my Facebook group asked: Can you post a tutorial on how to create the fixed menu on this site – http://lovetaza.com/ on the Modern Studio Pro theme? In Modern Studio Pro widgets placed in Sticky Message widget area appear when scrolling down and fade away when scrolled to the top. In this […]
Sticky Secondary menu in Blissful
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Primary, Secondary and Footer menu locations in Genesis
In the members-only forum, a user wrote: Hello Sridhar, I would like to ask how to best add a secondary menu (similar to the one in the previous sample theme) whilst still keeping the footer menu. So, three menus in total— Primary navigation in Header. Secondary after the header, and tertiary menu in the footer. […]
[Functionality Theme] Shrinking Sticky Header with Split Navigation
Split Navigation with menu items on logo’s left and right in Genesis tutorial is now available as a functionality theme. Get it here.
Shrinking Sticky Header with Split Navigation
A customized Genesis Sample (v 2.3.0) with primary navigation appearing in a fixed shrinking header.
Fixed mini header on scroll with inline logo and nav menu in Genesis
In the comment section of How to display a Fixed Mini Header when Scrolling down in Genesis tutorial, a user asked: Thank you for all your excellent bits of code. I’m using the inline logo uploaded via the customizer (https://sridharkatakam.com/inline-logo-in-genesis/), is it possible to incorporate that logo into this code so that it doesn’t need […]
Split Navigation with menu items on logo’s left and right in Genesis
April 24, 2018: The tutorial on this page is for an older version of Genesis Sample. For v2.6.0 and above, follow this instead. The theme version is yet to be updated. Updated on July 03, 2017 If you’d like to purchase a theme version of this tutorial, get it here. In the past, I wrote […]
Recent Comments