Retina display zooms in on the site - by gewoonbovenaan

This topic has 10 replies, 3 voices, and was last updated 5 years, 9 months ago ago by Olga Barlow

  • Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    July 19, 2018 at 18:31

    Hi,

    i have a client which i build a website with Xstore and somehow i cant make the website responsive on Retina screens. On ”normal screens” u can scroll the site https://gyazo.com/26ceb8451ced74ff4967507b84833265
    but on retina screens the site contains a white area above the footer where there can not be scrolled: https://gyazo.com/26ceb8451ced74ff4967507b84833265 https://gyazo.com/aba75f7b9c2caa6e7794d54343f9991f so people get stuck on the site. any idea how i can solve this?
    http://testsitepier15.nl/skateboarden/

    Many thanks for your response.

    9 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 20, 2018 at 12:47

    Hello,

    Please provide us with temporary wp-admin access.

    Regards

    Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    July 20, 2018 at 13:34

    Herewith
    Thanks jou ver much

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 20, 2018 at 15:53

    Could you, please, describe the problem in more details? Also, these screenshots are the same http://prntscr.com/k8x0q5 What exactly we need to do to be able to recreate the issue with scrolling on your site?

    Regards

    Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    July 20, 2018 at 16:28

    Hi Thank you for the response. The problem is that on normal screens the site looks good and functions are good. Only when entering the site on a macbook and going to the events page http://testsitepier15.nl/agenda/ or the skateboard page http://testsitepier15.nl/skateboarden/ the site doesnt scroll down.. so on a normal screen https://gyazo.com/cb76c851b8cb0398d7d10a55d413699d
    it scrolls down and function normally also u see 5 options ”volwassen lessen” till ”internationale lessen”. That funcion well.. but on macbooks the site function not well. On homepage is allright but when going to the http://testsitepier15.nl/skateboarden/ page it doesnt scroll so people get stuck https://gyazo.com/102e018b8f023f7346e9702a9f1eab0f (here i have tried to scroll) also under the image there is a white space and under the ”5 options” there is also a white area. There cant be scrolled. So now we are facing only on macbook ”retina screens 2880×1800 ” . also the events page the same problem occurs. http://testsitepier15.nl/agenda/.

    Hopefully i explained it right and you can help me.

    Regards Martijn

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 20, 2018 at 16:31

    Hello,

    We found that problem caused by styles in child theme https://gyazo.com/265a4d5f82f0a5913cd9d7955c9db8d7

    Regards

    Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    July 23, 2018 at 07:33

    Thank you very much for your help. We deleted the code but now t retina works when opening the website with the browser: safari. When opening the website with the browser google chrome on a macbook pro retin screen, the website contains the same problem as before explained. Can u please help finding this strange issue?

    Thanks!

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 23, 2018 at 11:08

    Hello,

    Look we don’t have the problem with the scroll in Chrome if height is removed https://gyazo.com/f9a40a31486717825079d1befc895502 Only once your 2 styles for height applied then scroll does not work for us.

    Regards

    Avatar: gewoonbovenaan
    gewoonbovenaan
    Participant
    July 23, 2018 at 14:46

    Thanks for your reply. Honestly i dont understand and i am a little bit stuck. Because when i delete one of these styles the page doesnt work anymore for other devices. if i remove the style then it’s creating issue in normal device. so it would be good if you could please mention a media query for retina display. Or please log in and solve the issue. Thank u very much for helping out

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 23, 2018 at 15:27

    Hello,

    You have a lot of custom CSS, use custom plugins and if you need help with your customization submit the request here. Our basic support includes only support for issues related strictly to our theme, not for the user custom styles. Sorry.

    Regards

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.