Adding @media only screen and (max-width: 768px) { .parallax-section { background-position: 50% 50%; } } should improve it a bit. You can write more media queries for the mobile widths or even device specific media queries and set suitable background images. Ex.: @media only screen and (max-width: 568px) { .home-featured { background-image: url('images/picjumbo.com_IMG_7925-1600×1050-mobile.jpg'); } .home-widgets-6 […]
Search Results for: parallax
Full screen slideshow in Altitude Pro using Backstretch
In the comments section of How to replace Home Section 1’s background image with Backstretch slideshow in Parallax Pro article, a user asked: I used it on Altitude Pro also and changed “.home-section-1″ to “.front-page-1″ in backstretch-init.js and front-page.php. Awesome – thanks! One question: I used the background: linear-gradient… styling that comes with Altitude Pro […]
Altitude Pro – Height of Front Page Images
Working on an Altitude-Pro project. I added Sections 4 & 6 to make them Parallax just like the base theme section 1,3,5, & 7. I was able to register them so they show in the customizer etc. However, what I really need to do is limit the Height of the images the Default is (1600 […]
Reply To: Tutorial Requests
Would be great to see a tutorial on how to add and style different front page layout using widgets, applicable to any Genesis theme Few examples: – Slider – Full width (parallax) images with text overlay. – Featured post (3 or 4 rows) with featured images as background and title on hover – Horizontal opt-in […]
Reply To: Tutorial Requests
It would be terrific to have a tutorial on how to update the navigation for your One-Pager Genesis theme (http://sridharkatakam.com/announcing-one-pager-one-page-parallax-website-child-theme-genesis ) to the responsive navigation of your new Genesis Starter {http://sridharkatakam.com/genesis-starter-child-theme). The responsive menu in Starter is superb!
Reply To: Tutorial Requests
if I wanted to add a soliloquy (or genesis responsive) slider to altitude pro, which tutorial would be the closest one to follow? The one for parallax pro or the one for centric?
Expand site header down with sub menu
Hi, I’ve customised the Parallax Pro theme to create this site I’d like the site header to expand down when the sub menu is active. Here is a screenshot of what I need to achieve but I can’t quite work out the css. I’ve currently got a fixed height on the widget container for the […]
Reply To: Tutorial Requests
I’d like to request a tutorial to place a responsive slider (particularly interested in Meta Slider over – Genesis Resp. Slider) in place of the header image of the Cafe Pro theme. I attempted to modify your Minimum Pro/ Parallax Pro tuts to do the trick but, I couldn’t quite make it happen due to […]
Reply To: How to Selectively Change Solid BG and Text Colors in Altitude Pro Front Page
It’s quite straight forward. Here’s an example. .front-page-2 .solid-section { background: #4fc3a1; } .front-page-4 .solid-section { background: #84d2df; } .front-page-6 .solid-section { background: #ecb438; } to get http://cl.ly/image/3x1S1h2S3H2P Note: Background images for Parallax sections have not been captured in the screenshot. Needless to say, the above CSS does not affect them.
Reply To: Tutorial Requests
RE: Author Page Design Layout by Studiopress Sridhar, I can’t seem to figure out how to create an “Author Page” with the Gravatar and bio info at the top of pages, which is the new trend in the Studiopress theme designs. Example: see this link: Is this done via functions.php file with a repositioning using […]
Recent Comments