Website Display Problem

Hi there,

One of the page of my website displayed in error in smartphone. But the same page shown on computer is no problem.

How to solve it? Thanks.

Sorry I cannot find a way to make corrections. I would like to add my website http://petsittingdiary.com which you may need for solving the problem. Thanks again.

Hi,

can you please to explain more detail about the issue? I’ve just checked your site in desktop and mobile screen and all is displaying properly.

Regards,
Awan

Hi there,

The page displays properly in your mobile screen? It displayed improperly in my iPhone 5. Is it possible you to test it in iPhone 5?

Oh… there is a problem with old version of Safari browser (which is used by iPhone 5).
And to fix the issue, you have to add a custom CSS manually to: Customize > additional CSS. Here is the CSS code that you need:

#pg-122-7 .panel-row-style {
    background: url(http://petsittingdiary.com/wp-content/uploads/2016/08/cropped-theme-candid-portraits-smile-woman-girl-40064SmallerSize-e1472276931495.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}

Do you mean it is the problem of the safari browser rather than the problem of the website? If so, I will not take care of it.

yes, that was issue from old version of safari browser :slight_smile: