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… Continue Reading »
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.
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… Continue Reading »
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 an add extra widget area… Continue Reading »
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.
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… Continue Reading »
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… Continue Reading »
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)… Continue Reading »
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… Continue Reading »
To view the full content, please sign up for the membership. Already a member? Log in below or here.