[wseo]

Hi Andrea. Using the code you entered above (replacing my header URL), I was able to make my header image responsive - thank you! BUT can you please explain in more detail about this comment: "the min-height will need to be changed on each media query size to avoid a huge gap between the header and navigation." I am having this exact issue. How and where do I enter that the min-height values (and what values do I enter)?

The other thing that's happening is that any screen size below 768 is pushing the header to the top margin. I would love to retain the top margins there if possible.

Any input would be appreciated! Thank you.

[wseo]

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.

[wseo]

Never mind - was able to solve the problem using the Widget Context plugin. I kept the widgets in the footers and just have them not displaying on any pages other than the home page.

[Author]

Posts