Looking to show site title text next to logo image in Monochrome Pro‘s site header? Just add the following in child theme’s style.css at the end: (Tested in Monochrome Pro 1.4.0)
Monochrome Pro
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. Username Password Remember […]
Page-specific Banner Image with Entry Header overlay using ACF in Monochrome Pro
This tutorial provides the steps to set up a “Banner Image” image field for static Pages in Monochrome Pro and display this image (if set) as the background of a full-width section below the site header with entry title overlay. For all single posts, we shall hardcode a specific image and show post info below […]
WooCommerce product search in Showcase Pro’s header
This article provides step-by-step instructions on implementing the header search from Monochrome Pro in Showcase Pro and displaying WooCommerce’s default product search instead of WordPress’s – covering the site header when a magnifying search icon at the right of nav menu is clicked. Screenshots: Homepage on page load: After clicking on the search icon: After […]
Flexible Footer Widget Area in Monochrome Pro
Updated on July 22, 2020. Tested in Monochrome Pro v1.5.0. In the comments section of How to replace Footer Widgets in Altitude Pro with Flexible Widgets, a user asked; How can you add a flexible footer widget to Monochrome Pro? This tutorial provides the steps to register a Before Footer widget area in Monochrome Pro […]
Featured image below header on Pages and Posts with entry header overlay in Monochrome Pro
Updated on March 11, 2018 In the past, I covered Featured image below header on Pages and Posts with entry header overlay in Infinity Pro. In this tutorial, we shall implement the same in Monochrome Pro’s single posts and static Pages i.e., show featured image below the site header and overlay entry header (title on […]
Logo on left and site title next to it in Monochrome Pro
Update on April 13, 2020: Follow this tutorial instead. In the comments section of Site Title – Image Logo in Genesis tutorial a user asked: Hi Sridhar, I am tying to do this with the Monochrome Pro theme but with the logo on left and site title next to it. Do you have a tutorial […]
How to move Search icon out of nav menu next to the hamburger menu icon in Monochrome Pro
A user asked, Monochrome Pro has a nice search implementation in the header but it is not visible on mobile view. It would be nice to pull it out of the menu and display it as a standalone item next to the hamburger menu on mobile view. A tutorial on how to do that would […]
Full width Soliloquy slider in Monochrome Pro
This tutorial provides the steps to display a full-width Soliloquy slider in the Front Page 1 widget area of Monochrome Pro. Step 1 Install and activate Soliloquy (commercial version) plugin. Step 2 In lib/customize.php change To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to set a fallback image for single Posts in Monochrome Pro
In the comments section of How to set Featured Image as Header’s background using Backstretch in Genesis a user asked: I’m curious how this concept could be integrated with Monochrome Pro. For single posts, it’s already using it’s own backstretch between the site-header and site-inner with the author’s user profile image overlaid, but only if […]
Recent Comments