Lifestyle Pro responsive header help

Community Forums Forums General Discussion Lifestyle Pro responsive header help

This topic is: not resolved

This topic contains 3 replies, has 3 voices, and was last updated by  wseo 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #93411

    lubsmith47
    Participant
    Post count: 7

    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
    #93641

    Pixel Frau
    Participant
    Post count: 87

    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.


    #93808

    lubsmith47
    Participant
    Post count: 7

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

    #101709

    wseo
    Participant
    Post count: 3

    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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.