Continuing on the series of tutorials on fixed shrinking header in Genesis today’s is on how to implement it in Kickstart Pro. Step 1 Create a file named say, global.js in js directory having the following: To view the full content, please sign up for the membership. Already a member? Log in below or here. […]
Search Results for: responsive
Fixed shrinking header in Workstation Pro
In this tutorial I share the steps for making site header in Workstation Pro fixed and reducing its height with a smooth animation as the user scrolls down. Scrolling back to the top of the site will animate the header back to its original height. We shall limit this behavior to screen widths > 880px, […]
Fixed Shrinking Header with inline logo and menu in Genesis
In this article I share the steps for customizing Genesis Sample to replace the background logo image with an inline logo managed via the customizer relocate primary nav menu to header right make the header fixed so it remains in view all the time and shrinks (incl. the logo) on scroll (from 1024px and above, […]
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) […]
What’s changed in Genesis Sample 2.2.3
Genesis Sample is the default or skeleton child theme that looks similar to the parent Genesis. When I start a new site from scratch or take up PSD > WP projects, it is the child theme I use as the starter base. On May 18th a new version of Genesis Sample was released by StudioPress. […]
'Full screen' soliloquy slider background
I have seen several of your posts about a full ‘width’ slider in different themes, How to replace background image in Minimum Pro with responsive slider Random image from Soliloquy slider as full-sized background in WordPress using Backstretch but I would like to have a full ‘screen’ slider to replace my easy backstretch solution with […]
Featured Image as "Hero Image" on Cafe Pro with Page title
Hi Sridhar, I am creating a site in Cafe Pro and am able to implement a featured image showing up as a “hero image” below the site’s header & navigation. I chose to create it at 100% size inside the div instead of as a backstretch image so the image doesn’t get cut off when […]
Reply To: Centric Pro Parallax Image Mobile Responsive
Hi Sridhar, Trying to solve the responsive issue and based on your previous comment I found this solution: @media only screen and (max-width: 768px) { .parallax-section { background-attachment: initial; background-position: center center; } } Of course you can still improve this with more media queries. Setting background-attachment to initial solve the issue of blury images […]
How to automatically display posts in a custom grid layout in Genesis
In my Facebook group a user asked: Sridhar, thanks to your tutorials I managed to master Genesis in the last year and still learning. Thanks a lot! That being said, last week I got a question from a client of mine. He wants a different kind of layout for the project archive pages and pointed […]
[Video] Re-creating a website in Genesis – Day 4
Previous videos in the series so far: Day 1 Day 2 Day 3 Today’s session covers: writing media queries for adjusting mobile responsive behavior adding hamburger mobile responsive menu for the navigation changing footer text and styling the footer displaying items in a column grid using custom CSS as well as Genesis column classes using […]
Recent Comments