cross-browser testing | PenciDesign Support

maydo615 replied

8 years ago

Customer Reply

Brilliant, header banner works fine now on browser IE10 onward. Thanks so much.

Cheers-May

PenciDesign replied

8 years ago

Staff Reply

Hi,

Ok. If so, please remove header.php file from your child theme.

And change the custom CSS code I sent you before from Customize > Custom CSS:

\
@-moz-document url-prefix() {\
.header-header-3 #logo img, .header-header-3 .header-banner img{ width: 100%; }\
}

To this code:

\
.header-header-3 #logo img, .header-header-3 .header-banner img{ width: 100%; }

Best Regards,

PenciDesign

maydo615 replied

8 years ago

Customer Reply

Hi there,

Your instructions was performed but nothing change. I copied header.php file from parent theme, pasted it into child theme and added your given codes.

Many thanks

Cheers - May

PenciDesign replied

8 years ago

Staff Reply

Hi,

Yeah, you can do that Copy header.php file from parent theme to child theme and edit it.

Best Regards,

PenciDesign

maydo615 replied

8 years ago

Customer Reply

Hi There,

Thanks for your more codes. My site is currently using Soledad Child Theme, so there are only files functions.php and style.css under Appearance->Editor tab. So do I need to copy file header.php from "soledad" folder to "soledad-child" folder? and then paste your code into it?

Thanks for your time.

Cheers - May

PenciDesign replied

8 years ago

Staff Reply

Hi,

Please try add more this code:

\
<!--[if IE]>\
<style>\
.header-header-3 #logo img, .header-header-3 .header-banner img{ width: 100%; }\
</style>\
<![endif]-->

Like on this image to fixed it.

Best Regards,

PenciDesign

maydo615 replied

8 years ago

Customer Reply

Hi There,

Thanks for your codes. Yeab, it works on Fire Fox 40.0, the banner has perfectly shown, however, IE 11 still shows only half of banner. Please advice, thank you very much.

Regards,

May

PenciDesign replied

8 years ago

Staff Reply

Hi,

Thank you for purchased Soledad theme.

Please try add more this code to Customize > Custom CSS to fixed it:

\
@-moz-document url-prefix() {\
.header-header-3 #logo img, .header-header-3 .header-banner img{ width: 100%; }\
}

Hope this help,

Best Regards,

PenciDesign

maydo615 started the conversation

8 years ago

Conversation Start

Hi there,

My website is currently using Header 3 style with logo on the left and banner on the right. Header looks ok on latest version browsers including IE Edge, Chrome, FireFox and Safari, however, it does not nice on older version browsers such as Fire Fox 43 as below picture.

Could you please advice to customise so header can be adapted on older browsers? many thanks