In the past, I wrote about using Slideout.js for sliding in the primary navigation menu when the hamburger menu icon is tapped on smaller screens in Genesis, Altitude Pro and Brunch Pro. In this tutorial, we shall apply the same in Foodie Pro. Screenshot: Screencast: https://sridharkatakam.com/wp-content/uploads/2018/01/ScreenRecording_01-27-2018-12-31-32.mp4 Tested in Foodie Pro 3.1.1 Step 1 Upload slideout.min.js […]
Foodie Pro
How to show categories above the titles in Foodie Pro’s Featured Posts widgets
This tutorial provides the steps to automatically display link(s) to the category/categories above the title in the output of all the Featured Posts widgets in Foodie Pro. Step 1 To view the full content, please sign up for the membership. Already a member? Log in below or here.
Responsive menu with inline Search in Foodie Pro
In GenesisWP Facebook group, a user asked: I’m looking to make the Foodie Pro navigation menu look like this on mobile–with search bar visible while collapsed (example site that client wants mobile menu to look like: http://deliciouslysprinkled.com/). Any suggestions? Thank you! We can remove the search form from being injected inside the primary navigation’s list […]
How to make last widget in the sidebar sticky on scroll in Foodie Pro
Updated on December 04, 2017 In my Facebook group a user asked: I’m trying to use your tutorial on making things sticky with sticky kit to make just the last widget on my sidebar sticky. (An ad unit.) I tried using the suggested non-handheld.js for the sidebar on just the css selector for the text […]
Fixed Primary Navigation on Scroll in Foodie Pro using Sticky-Kit
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 […]
Floating Navigation on top of Slider in Foodie Pro
In the comments section of Full width Soliloquy slider with Header floating on the top in Genesis tutorial, a user wrote: I am trying to work a variation of this idea; Iām working with Foodie Pro and Revolution slider but trying to move the slider under a primary and secondary nav menu rather than the […]
Grid Template for Category Archive(s) in Foodie Pro
A user wanted to know how Posts in a specific category archive page can be displayed in a grid of featured images and titles with all other category archives shown with titles and excerpts floating to right around featured images. Ex.: Recipes category archive page: Any other category archive page: While this tutorial has been […]
Replacing Widgetized Front page in Foodie Pro with a Grid Loop
A user in the members-only forum asked, I would REALLY love to know how to add an āolder postsā option at the bottom of the Foodie Pro theme. The theme uses a featured posts widget, so most commonly I will do a grid of 4-6 posts on the homepage but then there is no option […]
Recent Comments