This topic has 10 replies, 3 voices, and was last updated 6 years, 4 months ago ago by Olga Barlow
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.
Hello,
Please provide us with temporary wp-admin access.
Regards
Herewith
Thanks jou ver much
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
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
Hello,
We found that problem caused by styles in child theme https://gyazo.com/265a4d5f82f0a5913cd9d7955c9db8d7
Regards
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!
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
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
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
You must be logged in to reply to this topic.Log in/Sign up