In the members-only forum a user asked, Full width primary nav menu wrap in Foodie pro I’d like to keep it in its current location. In fact, if it’s possible, I’d like it to be full width when scrolling. I’m sorry I can’t provide de URL, but I have it in a local host. Thank […]
Search Results for: sticky menu
Full width primary nav menu wrap in Foodie pro
Hi! I’ve just realized that the Foodie pro primary nav wrap is 1080px width. I would like to make it sticky and change the background-color, but scrolling effect is not so nice. I’d like to make it full width, but I can’t find the place where I could do it. Someone could help me please??? […]
Full width primary nav menu wrap in Foodie pro
Hi! I’ve just realized that the Foodie pro primary nav wrap is 1080px width. I would like to make it sticky and change the background-color, but scrolling effect is not so nice. I’d like to make it full width, but I can’t find the place where I could do it. Someone could help me please??? […]
How to fade in a fixed nav menu on scrolling down and fade it away on scrolling up in Genesis
This tutorial is based on How to set up a fixed nav menu that appears upon scrolling in News Pro + Accessible Responsive Menu in Genesis. Here’s what’s covered: Secondary Navigation is relocated to above the header. When Primary Navigation is scrolled past (down), a custom menu assigned to Sticky Navigation Menu theme location fades […]
Smooth Scrolling, Highlighted Link and Fixed Side Navigation in Genesis using Page scroll to id and Sticky-Kit
In the members-only forum a user asked: Trying to achieve what this tutorial outlines. http://callmenick.com/post/single-page-site-with-smooth-scrolling-highlighted-link-and-fixed-navigation Here is an example of it in the wild. http://callmenick.com/post/single-page-site-with-smooth-scrolling-highlighted-link-and-fixed-navigation It’s a really effective for pages with long content in regards to aiding page navigation. I would love to see a tutorial from you about this! In this article we […]
Split Menu on Scroll in Genesis
In the comments section of Displaying a fixed navigation menu upon scrolling down in Genesis article, a user asked: How would you implement this using the WP Nav Plus Plugin? I would like to show a different icon on the secondary menu. In this tutorial I share how a fixed position (sticky) custom “Floating Menu” […]
How to make Primary navigation in Genesis sticky on scroll for desktops and mobile responsive on handhelds
In this tutorial I share the code for setting up a sticky Primary navigation below as users scroll past it. We are going to use Sticky-Kit jQuery script to make the nav fixed on non-handhelds and use code from Beautiful Pro for the hamburger menu. Set up: Genesis Sample is the active theme with menus […]
Using jQuery.Pin to make any element sticky in WordPress
jQuery.Pin is an excellent jQuery script to pin any element to the top of a container. In this article I shall go over implementing jQuery.Pin in WordPress to make Primary Navigation menu and a widget in News Pro (a Genesis child theme) stick to the top of screen as the rest of the page content […]
How to set up a fixed nav menu that appears upon scrolling in News Pro
Bob asked in Genesis Google+ community: I would like to use News Pro child theme for a project but I would like to have a sticky menu on top. I want this to be a different menu than primary and secondary and only show when the people scroll down. Can anyone help me with suggestions […]
Displaying a fixed navigation menu upon scrolling down in Genesis
A user in StudioPress forums asked, I’ve seen several sites (GameSpot, and this WP demo theme) include a menu that includes a logo/image in the top left corner that links to the homepage. Both of those sites I mentioned have the menu appear only after a visitor scrolls down a ways; I have seen several […]
Recent Comments