- This topic has 5 replies, 2 voices, and was last updated 1 year, 7 months ago by David.
February 26, 2021 at 1:34 am #1673364Joel
Hello, I’m having some responsive issues with a development site (at least with the Chrome mobile device toggle). I’ve tried to narrow it down to a few sections that seem to be causing the issue (if you change the device to iPhone 5/SE in Chrome inspector) and have replicated on different pages to test.
The test-3 link shows how it should be working, and it responds fine. The other 2 links are examples of sections that seem to be causing a problem. Open the link in Chrome then go to Inspector and choose iPhone 5/SE and you’ll see that there seems to be overflow on the x axis and it doesn’t seem to compress to screen size? Can you see anything obvious that’s causing this?
ThanksFebruary 26, 2021 at 3:15 am #1673472DavidStaffCustomer SupportFebruary 26, 2021 at 3:27 am #1673487Joel
That’s interesting, thanks David. Yes I’ve tried incognito, I’ve got a feeling it might be a bug with Chrome as sometimes it works and sometimes it doesn’t!
This is one way I can guarantee it doesn’t work…open Chrome Inspector and toggle device to iPhone 5/SE > Close browser > Open Chrome (in normal desktop mode) > Go to “test-1” link > Now Inspect (it should automatically be in iPhone 5/SE mode).
I then get that overflow, the weird thing is that if you hover over a full width element it says it is 320 pixels (i.e. the width of iPhone 5/SE) but for some reason it doesn’t scale in the emulator. It seems to be something to do with buttons / headlines / SVG icons / grids but not able to get to the bottom of it.
ThanksFebruary 26, 2021 at 5:18 am #1673571DavidStaffCustomer SupportFebruary 26, 2021 at 5:32 am #1673577Joel
I’m on MacOS too running latest version of Chrome but not the latest version of MacOS so maybe that’s the differentiating factor. Thanks for confirming it looks ok your end…I’ll try and ignore it!
ThanksFebruary 26, 2021 at 6:28 am #1673638
- You must be logged in to reply to this topic.