This members-only tutorial provides the steps to register a Before Header (or popularly, knows as Utility Bar) in Business Pro, combine it with the site header, make the combined div transparent initially and with a dark background upon scrolling down. Initial state: After scrolling down: Tested in Business Pro 1.1.0. Step 1 Let’s register a […]
Utility Bar
Utility Bar in Monochrome Pro
This members-only tutorial provides the steps to set up a utility bar above the site header in Monochrome Pro. Tested in Monochrome Pro 1.1.0. Step 1 Add the following in child theme’s functions.php: To view the full content, please sign up for the membership. Already a member? Log in below or here.
Utility Bar in Atmosphere Pro
In the comments section of Utility Bar in Altitude Pro, a user asked: I love the utility bar tutorials Sridhar. Is it possible to create one for Atmosphere Pro on desktop and mobile as well, or is that not possible? This tutorial provides the steps to register Utility Bar Left and Utility Bar Right widget […]
Utility Bar in Genesis Sample
Updated on April 14, 2020 In my members-only forum, a user asked: Hi Sridhar Considering all the tutorials you have written for utility bars it won’t surprise you that somebody wants one for the new sample child theme! If one of the existing tutorials will work instead please let me know. However, although I can […]
Utility Bar in Wellness Pro
This tutorial provides the steps to register two widget areas namely, Utility Bar Left and Utility Bar Right and display these above the header in Wellness Pro. Step 1 Add the following in child theme’s functions.php: To view the full content, please sign up for the membership. Already a member? Log in below or here.
Utility Bar in Digital Pro
This tutorial provides the steps to set up a before header Utility Bar widget area and display it in a fixed position above the header in Digital Pro. The utility bar will be static for screen widths from 800px and below. Step 1 Add the following at the end of Digital Pro’s functions.php: To view […]
Utility Bar in Showcase Pro
This tutorial provides the steps to add a utility bar having two (left and right) widget areas above the fixed header in Showcase Pro. Screencast: Tested in Showcase Pro version 2.0.2 Step 1 Edit functions.php. a) Inside showcase_theme_setup(), below // Add previous and next post links after entry add_action( ‘genesis_entry_footer’, ‘genesis_prev_next_post_nav’ ); add To view […]
Fixed Utility Bar and Header in Dynamik
The following tutorial addresses this question asked by a user in the members-only forum. We shall remove the header right widget area remove the primary navigation menu from its default location (below header) and add it inside header set up inline image logo that can be set/changed via Header customizer setting remove site description (tagline) […]
Utility Bar in Altitude Pro
In the comments section of How to make Utility Bar and Header fixed in Minimum Pro tutorial, a user asked: I’ve been trying to add this bar to the Altitude Pro theme. I’ve tried all the tweaks suggested by Carrie but none work. The bar falls under the header/primary menu instead of on top of […]
How to make Utility Bar and Header fixed in Agency Pro
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Recent Comments