Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #1334987
cross-browser testing
Closed

Comments

  • maydo615 started the conversation
    October 14, 2017 at 10:48pm

    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

  •  2,700
    PenciDesign replied
    October 15, 2017 at 1:55pm

    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 replied
    October 15, 2017 at 10:32pm

    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

  •  2,700
    PenciDesign replied
    October 16, 2017 at 4:31am

    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
    October 16, 2017 at 12:41pm

    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

  •  2,700
    PenciDesign replied
    October 16, 2017 at 1:43pm

    Hi,

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

    Best Regards,

    PenciDesign

  • maydo615 replied
    October 17, 2017 at 10:58pm

    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

  •  2,700
    PenciDesign replied
    October 18, 2017 at 2:35am

    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
    October 20, 2017 at 8:49pm

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

    Cheers-May