Just published a blog post on the same. How to fix Home Sections’ Background Image Problem on iPad Pro in Parallax Pro
Search Results for: image
Reply To: parallax pro: bg image zoomed in on iPad…how to fix?
Regarding the parallax background image blowing up on iPad in Landscape mode, it is because of background-attachment: fixed; Try adding this CSS: /* iPad Pro Landscape */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { .home-section-1, .home-section-3, .home-section-5 { background-attachment: scroll; } } References: https://stackoverflow.com/questions/48954156/div-background-image-scaling-on-ipad-pro-landscape https://stackoverflow.com/a/43145506/778809 Regarding […]
Reply To: parallax pro: bg image zoomed in on iPad…how to fix?
Parallax Pro: I have a background looping video on one of the home-sections (using BigVideo.js…thanks Sridhar). But background video does not auto-play on mobile devices I’ve tested (e.g. iPad Pro, iPad mini, iPhone). On mobile devices only, I’d like to know how to replace background video with a static image.
Video Background for Home Section 1 in Parallax Pro
This tutorial provides the steps to set up a video background for first parallax section on Parallax Pro‘s homepage. Step 1 Install and activate Video Background plugin. Step 2 Create a new Page titled say, Home. In the “Video Background” meta box, set Container as .home-section-1. Upload/select your desired video file in mp4 and webm […]
Google Fonts Selector in the Customizer in Genesis
This tutorial provides the steps to implement gist.github.com/purzlbaum/afa41255afee372128e6 in Genesis so users can select font family for headings and body fonts in the Customizer. While the tutorial has been written for Genesis Sample 2.6.0, it should work with a few adjustments in any Genesis theme. Step 1 Genesis Sample loads Source Sans Pro in a […]
Full-width YouTube video below the header in Outfitter Pro
This tutorial provides the steps to display a YouTube video in between the site header and product masonry grid on Outfitter Pro‘s homepage. Tested in Outfitter Pro 1.0.2. Step 1 Let’s register our custom front page featured widget area. Edit Outfitter Pro’s functions.php. Above genesis_register_sidebar( array( ‘id’ => ‘front-page-1’, ‘name’ => __( ‘Front Page 1’, […]
Genesis Featured Posts in Executive Pro’s Home Middle section in columns
This tutorial provides the steps to display posts output by Genesis – Featured Posts widget inside Home – Middle widget area in columns in Executive Pro. Executive Pro’s homepage, as per the theme demo and setup instructions is set to show three different Genesis – Featured Page widgets side-by-side in columns. If you wish to […]
Featured Front Page Section in Outfitter Pro
In the Tutorial Requests Trello board, a user wrote: Outfitter Pro Tut Request: #1 How to add a full background image like Altitude Pro above front page store in Outfitter. #2 Also, how to add full video section above store in front page of Outfitter Pro, to embed YouTube videos. Thanks! This members-only tutorial provides […]
How to add a widget area above footer widgets’ wrap in Genesis
This members-only tutorial is based on 3 Methods to Add a Title for Footer Widgets in Genesis and shows how to register a custom footer-wide widget area and output its contents (widgets) above the .wrap inside div.footer-widgets in Genesis. Step 1 Let’s register our custom widget area by adding the following in child theme’s functions.php: […]
How to limit the site header to content width in Genesis
A user asked: I have a doubt. I am not a coder but I am trying to work with Genesis child themes. I am trying to find out how to keep site title or logo aligned with the content area like in your own blog. In genesis sample the site title always stands at the […]
Recent Comments