Issue with display on mobile

Sorry for the wrong links (to thumbnail pictures instead of the real ones)

Here are the links to the images who describes the issue

Example : https://nsa39.casimages.com/img/2018/11/03/181103012826739363.jpg

Example : https://nsa39.casimages.com/img/2018/11/03/181103013058117326.jpg

Example : https://nsa39.casimages.com/img/2018/11/03/181103013159531776.jpg

Example : https://nsa39.casimages.com/img/2018/11/03/181103013826274576.jpg

• This reply was modified 6 years, 3 months ago by therealyoda.

Hi, casimages isn’t my site. It’s a hosting website for pictures.

My site is currently not available on internet, I’m just in the test phase in local. But I will put it on internet on a temporary web server to help solving the issue.

It will be ready in a few minutes ??

Hi !

Sorry, it tooks more time as expected.

But here is a preview version of the website where you can see the issue describred above.

https://sergio.sdp-photography.fr

Thanks in advance for the help

Hi there,

Thank you for writing in,

Please go to your Dashboard >> Appearance >> Customize >> Additional CSS and add this CSS codes.

.pp_social .facebook {
    width: 70px;
}
@media screen and (max-width: 768px){
.single-format-image nav.navigation.post-navigation {
    width: 100%;
}
.pp_social .twitter {
    display: none;
}
.pp_social .facebook {
    display: none;
}
}

Thank you!!

Hi,

It’s better !
Thanks !

But I still don’t understand why I cannot get a real full screen display by using the uper right cross.

It’s displayed in a larger view, but after using the “fullscreen cross”, it’s not fullscreen and still necessary to zoom out to display the complete photo.

HI there,

Could you please check the site in the real mobile devices. If you have checked the site from the mobile and the tabs then the full view does not show such issues.

Thank you!!

Hi Benjamin,

I really appreciate your efforts and your help.

I always checked on 3 different real mobile phones, 2 Android (HTC One M8 under Marschmallow and OnePlus6 under Pie both tested with Chrome) and 1 iOS (iPhone SE under iOS 12.1 tested with Safari)

Here is what I get, step by step.

I go to my test link given above : https://sergio.sdp-photography.fr/

I go into the menu and select “Boudoir et Lingerie” (but it’s the same with the other choices ?? )

This screen with a cropped view of the photo is displayed (on the right, as information, the whole photo).

https://nsa39.casimages.com/img/2018/11/22/181122102438750849.png

But anyway, let’s try to display it full size.
I tap my finger on the photo. As you can see here, the “+” is shown. That’s OK !

https://nsa39.casimages.com/img/2018/11/22/18112210265079078.png

I tap the +

https://nsa39.casimages.com/img/2018/11/22/18112210270817233.png

“Mini popup” is displayed (quite difficult to catch the navigation arrows, but OK)

When I manage to catch the upper right cross to get the photo full size, that’s the result.

https://nsa39.casimages.com/img/2018/11/22/181122102823534870.png

Now the picture is displayed in a very big size.

OK, lets use two fingers to zoom out until I get it full size on the screen.
But… Unfortunately, I cannot zoom out enough to get it fully displayed.

https://nsa39.casimages.com/img/2018/11/22/181122102858664453.png

So let’s try to change to horizontal view.

https://nsa39.casimages.com/img/2018/11/22/181122102923909366.png

OK, now, it’s quite good. Needs some slide to get a nice centered display, but it’s OK.

But…
If I want to see the next picture by a finger tap on the right part of the photo, this is the result…

https://nsa39.casimages.com/img/2018/11/22/181122103230515718.png

And, from this new thumbnail display of the next photo, I have to restart the last 5 steps above to get the photo well displayed, and this every time I want to see the previous or next photo.

I hope this step by step explanation of the issue helps.
As a visitor, instead of having a look at the gallery, I think I would give up after the 1st picture.

Many Thanks !

Regards

Hi there,

Thank you for writing in,

The diamention of the deskrop view and the mobile view is different, so that you can not display all the images same as your desktop view. It corp the images with its diamention.
Thank you for screenshots, it seems we have some issues in the mobile view we will fixed this isuues in our next update of the theme.

Thank you!!

I agree with you that the dimensions aren’t the same, but when the resolution in pixel is the same, the displayed picture should be the same.

Example :
On a computer with a fullHD (1920x1080px) monitor, a 1600x900px photo displayed full size will fill the whole screen except thin borders.
On a fullHD Mobile device, the same photo is expected to be displayed in the same way, not far from filling the whole screen.

Or I’m wrong ?

Anyway, Thanks, I’m waiting for the update so that I can bring the website to life ??

Regards

Hi there,

Thank you for writing in,

We will fix this issues in our next update of the theme.

Thank you!!