Happy New Year to All!
We have just noticed a CSS problem that has arisen that had been fixed before (plus an extra similar phenomenon). We had not changed any CSS for some time before noticing these and they are shown in these two screenshots:
Does this make sense based on recent updates? I have included URLs and logins in the private section.
Many thanks. Where about is the fix (the site was just the dev staging site)? Is it in custom CSS or will it come in the next update?
I need to reimplement it in the main site and also want to make sure your fix will survive updates.
But it looks fine for us https://gyazo.com/3791383b4e2572b4f7186db5d6b5f1cb
Weird…. I just tried again in both Chrome (with incognito) and Firefox (which I never use so nothing cached) and saw the below:
https://dl.dropboxusercontent.com/u/46763137/chromeincognito.jpg where it is too high
https://dl.dropboxusercontent.com/u/46763137/firefox.jpg where it is a little too right
I cleared the Autooptimise cache several times before too. There is no WP caching at all in this staging site, no CDN, etc. to clear.
Does this make sense?
Made a few more changes. Here are how it looks in Chrome and FireFox now
The problem is exactly as per the images I sent, but I have discovered the root of the problem. It is a responsiveness issue.
Like many people, I often have certain websites zoomed in or out (ctrl and +/- in Chrome). If REM or EM units are used, I guess that won’t happen. If px values are used, there will be problems.
I realised this only because another example came up and disappeared. I will often view sites 80% zoomed out to fit more in.
So the problems are with the two graphics I showed above and the right hand arrow that scrolls through product graphics. That’s what made me realise the issue. If you view it at 80% zoom, the greater-than arrow moves outside the box to the right. To see this you might have to refresh – in Chrome you do not see the problem if you just zoom out. It has to render the page while zoomed out:
Can you sort these three so they are responsive?
Thanks for pursuing this. It is much better and is responsive.
Just one tweak: When I removed the
padding-left: 1px; it was perfect. That 1px padding took it off centre just a little if on a lower res.
Actually, the image right scroller problem is still there in the same way with the same screen size causes as the icon problem.
Could you look again please?
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