[waqarwiki]

Website doesn’t looks good on safari browser and Iphone. It looks good on chrome and firefox, the only issue is regarding Safari. Please go through this site on chrome and Firefox vs safari. Few examples of what i am referring to. please look into below screenshots

For Desktop: http://www.screencast.com/t/640CHCdoDE

For Mobile: http://www.screencast.com/t/XuPXDtvdsn

Safari browser layout should be similar to Firefox and Chrome.

Website Url: http://esalawyers.ca/dev/

Thanks,
Waqar

[Juanfra Aldasoro]

Hi Waqar,

Thank you for writing. I hope you are doing well.

Are you running the latest version of the theme?

Would you please add the following custom CSS:

@media all and (max-width: 767px) {
    .nice_row-inner, .vc_inner, .row-inner {
        display: block;
    }
    .background-inner:empty {
        display: initial !important;
    }
}

Best,
Juan

[waqarwiki]

Hi- Juan,

I am using the latest version of the theme (Smart Child Version 1.0.0).

I have added the css you asked me to update on 767 media query.

@media all and (max-width: 767px) {
.nice_row-inner, .vc_inner, .row-inner {
display: block;
}
.background-inner:empty {
display: initial !important;
}
}

And this is still happening and even more things are broken, please look into it and let me know, how to fix this?

Thank you,
Waqar

[waqarwiki]

Hi- Juan We are still waiting for your response on this.

Can you please fix this issue ASAP? We are already too late to deliver this Website.

Waiting to hear back from you.

Thanks,
Waqar

[Juanfra Aldasoro]

Hi Waqar,

I hope you’re doing well. Sorry for the delay.

I just visited your site and it seems that the child theme stylesheet is empty, did you remove the styles over there? http://esalawyers.ca/dev/wp-content/themes/Smart%20Theme/smart-child/style.css?ver=4.9.8

Best,
Juan.

[waqarwiki]

Hi,
Juan- I didn’t removed any style from any style sheet. I have written my own style instead. If as the style sheet is empty then how can we fix this? Do you think this is the reason, Layout isn’t displaying properly in Safari?

Please Advice.

Thanks,
Waqar

[Juanfra Aldasoro]

Hi Waqar,

Thanks for the follow-up.

Where have you written your own styles? And where have you added the code I sent you?

If you have changed the theme styles it is quite likely that is actually the reason why you don’t get to see it the same way in the different browsers.

Best,
Juan.

[waqarwiki]

Hello,
Juan- I have written my styling in WordPress Customizing additional Css section. So the url displaying for this one is /wp-admin/customize.php i have added your requested css (on mdeia query 767px) there, as well. Let me know. If you want me to place my css somewhere else, if it shouldn’t be there.

Thanks,
Waqar

[waqarwiki]

This reply has been marked as private.

[Juanfra Aldasoro]

Hi,

Thank you for the follow-up.

Can you please add it to the custom CSS section or to the child theme stylesheet?

I’ve seen you also have a smart slider plugin running. If you use the site without that plugin installed is it still happening?

Best,
Juan.

[waqarwiki]

This reply has been marked as private.

[Juanfra Aldasoro]

Hi,

Thank you for the follow-up.

If I go to your home page and I inspect the HTML I see that in safari the

background-image: url();

Is empty for the “background-inner” div who should be showing the image. Have you checked that you have your image well configured for that block? It would be helpful if you could share the FTP details.

Best,
Juan.

[waqarwiki]

This reply has been marked as private.

[waqarwiki]

Please let me know if you want anything else from my end.

Thanks,
Waqar

[waqarwiki]

Hi- Juan, Any Luck there? I am still waiting to hear back from you. I already have shared all the required Credentials with you above. Please let me know if you having any issues using them.

Thanks,
Waqar