StudioPress

Forum navigation

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

Lifestyle Pro responsive header help

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.

Community Forums › Forums › Archived Forums › General Discussion › Lifestyle Pro responsive header help

This topic is: not resolved

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 4, 2014 at 1:56 pm #93411
    lubsmith47
    Participant

    Hi, I'm working on a website using the Lifestyle Pro theme with a custom header. The header image, of course, isn't responsive without some changes to css and probably Media Queries, right? I'd really appreciate if someone would help me out on what changes I need to make for the header to be responsive and also for the text area of the page, inside the borders, to not appear so "narrow" on a mobile phone. The site is: http://www.danameyerconsulting.com.

    Thanks in advance. Any help is appreciated.
    Julie

    http://www.danameyerconsulting.com
    March 6, 2014 at 5:09 am #93641
    Pixel Frau
    Member

    This should help you with the header: http://thepixelista.com/responsive-genesis-child-theme-logo/ .

    For the text area, you'll want to reduce the margin-left and 'margin-right' for .site-inner on the media queries.

    March 6, 2014 at 10:26 pm #93808
    lubsmith47
    Participant

    Wonderful, thanks so much for the assistance! I appreciate it. Will try this out tomorrow.

    April 21, 2014 at 2:06 pm #101709
    wseo
    Member

    Hi there. I wanted to see if this user had any luck with the tutorial referenced above (http://thepixelista.com/responsive-genesis-child-theme-logo/). I followed all those instructions and could not get the header image to resize correctly, especially for the smaller screens. When it did resize, there was a ton of white padding at the top and bottom surrounding the header. My custom header size is 1140 x 389.

    I also tried the tutorial here but this did not do the trick either: http://wpsites.net/web-design/customize-mobile-responsiveness-of-lifestyle-pro-theme-header/. I left all the settings the way he suggested and made a comment there to get some help troubleshooting but the writer wrote back: "The Media Queries can be modified to make your elements look the way you want on different sized screens. Some work is required on your behalf to modify the code to get it looking the way you want."

    Does anyone at StudioPress have some specific insight as to how to get a Lifestyle Pro custom header to resize properly for mobile devices? Thank you in advance for your help.

    The site is: http://paigeritchie.com.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.