May 24, 2019 at 9:32 am #288330
Making a site mobile ready, and have a width problem. On my iPhone 8, the test page is about 10 pixels too wide. (Looks fine in Chrome tools) Especially noticeable near the top where there are are two horizontal rules. I tried going through the CSS and changing several widths to max-width. I also temporarily disabled display on all images, and Chris’s tip about HTML width. Kind of stumped. Test page:May 26, 2019 at 2:04 pm #288431
Using Mozilla Firefox Responsive Mode specifically with iphone 8 size allows you to debug the issue, you can download a portable version from portableapps.com I can tell the issue is with article class=”bodyMain”May 27, 2019 at 11:41 pm #288461June 5, 2019 at 9:58 am #288938
Time for a non-spam reply: Although online troubleshooting articles recommend
overflow:hidden;as a possible solution, it can cause problems. I removed that property and value from the main content. It works now.
Thanks to CSS-Tricks for recommending that the HTML/CSS be placed in CodePen and then pieces removed until the layout changed.
You must be logged in to reply to this topic.