Header Image responsiveness for lifestyle pro theme

[AutoGeekLX]

Hi,
We are using LifeStyle Pro Theme on our site http://demo.performancepartsdirect.com/.

We have made changes in the header size to 1068 * 110 pixels by changing the following code in functions.php file. The code changed is:

//* Add support for custom header
add_theme_support( 'custom-header', array(
'header_image' => '',
'header-selector' => '.site-title a',
'header-text' => false,
'height' => 110,
'width' => 1068,
) );

The issue is that the header is not showing properly on mobile devices including iPad, iPhone and android devices and it seems that the site has lost mobile responsiveness.

Please help us so that our header image shows properly on mobile devices.

Thanks
Stan

http://demo.performancepartsdirect.com/

[AnitaC]

You need to add the responsive CSS to your media queries.

---

Need help with customization or troubleshooting? Reach out to me.

[AutoGeekLX]

Hi,
Thanks a lot for the help but the iphone is showing massive space with background color above and below the header image. We have also tried with the @media queries with custom image size i.e.

- max-width: 767px and 768 but it not working out.

Please help and suggest further.

Thanks
Stan

[AnitaC]

This reply has been marked as private.

[krystyn]

Did you ever find a solution @autogeekxl?

[Author]

Posts