In the members-only forum a user asked: I referred to this tutorial: https://sridharkatakam.com/responsive-header-banner-image-beautiful-pro/ I prefer this image layout over a backstretch image on many other themes, as backstretch images change height and only show a portion of the image width on smaller devices (responsive functionality for backstretch images). In the Beautiful Pro theme, I don’t […]
Beautiful Pro
How to replace Minimum Pro’s mobile responsive menu with Beautiful Pro’s
I’ve been asked, I hope you can help! How do I replace minimum pro’s mobile menu with the more structured beautiful pro mobile menu? In this article I show how the hamburger mobile responsive menu in Minimum Pro can be improved using the code taken from Beautiful Pro. Versions of the child themes used: Minimum […]
Portfolio in Genesis with Featured Images in a Grid revealing Title and Excerpt on Hover
In this article I share how Portfolio Post Type can be set up in Genesis such that each Portfolio entry’s featured image (linking to corresponding entry) will be shown in columns on the Portfolio archive page. When a featured image is hovered, we shall reduce its opacity to reveal the entry’s Title and Excerpt similar […]
How to add Beautiful Pro’s mobile responsive menu in other Genesis themes
This is an update to my earlier article titled How to make Header menu in Genesis mobile responsive similar to that in Beautiful Pro. The earlier article worked with Beautiful Pro version 1.0.1. This tutorial is for the current latest v1.1. Below are screenshots showing the result of applying the steps in Genesis Sample. Step […]
Responsive header banner image in Beautiful Pro
In Beautiful Pro the .site-header-banner div has background image set via CSS and as such is not responsive. It is possible to make image backgrounds responsive but I personally prefer to just “embed” images vs using them as backgrounds and using CSS/JS to make them responsive. Just feels more natural and the proper way of […]
How to make Header menu in Genesis mobile responsive similar to that in Beautiful Pro
Update: Current latest version of this tutorial is here. A user asked in ‘Genesis WordPress’ Facebook group: Sridhar – or anyone else – does someone have a code snippet I can use to change the way the navigation displays on the Agency theme on smaller screens – I like the look of the nav for […]
Recent Comments