• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Another Lifestyle Pro responsive header image question/issue

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Another Lifestyle Pro responsive header image question/issue

This topic is: not resolved

Tagged: header, lifestyle Pro, responsive

  • This topic has 4 replies, 3 voices, and was last updated 10 years, 11 months ago by carolacat.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 12, 2014 at 12:05 pm #131319
    linlan
    Participant

    I've got a header image setup on http://newraise-of-light.com and for the most part, it works fine for responsiveness. But it doesn't work for iPad landscape. I have tried setting a minimum width, a different sized image, etc with no luck. I feel it is probably something easy but I could use another set or two of eyes on it to see what I am missing.

    Thanks!

    November 12, 2014 at 4:41 pm #131349
    Len
    Participant

    Hi linlan. Try adding a couple of rules to the 1139px breakpoint.

    @ media only screen and (max-width: 1139px) {

    .header-image .site-title a {
    	background-position: center !important;
    	background-size: contain !important;
    }
    November 13, 2014 at 8:14 am #131412
    linlan
    Participant

    Thanks Len for the response!

    November 13, 2014 at 8:19 am #131414
    linlan
    Participant

    That was exactly what was missing! I thought I had checked that yesterday... but that's why I needed another set of eyes on it.

    May 6, 2015 at 3:01 am #150326
    carolacat
    Member

    Hi I am having the same issue and have added the code to my css file but it didn't resolve it. Any ideas? http://www.fullfillco.com

    Carol

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble