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?
Many thanks for your response.
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.
We found that problem caused by styles in child theme https://gyazo.com/265a4d5f82f0a5913cd9d7955c9db8d7
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?
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.
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
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.
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty