Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More
Open

Responsive layout issue in Firefox on smaller screens (13" laptop and mobile) vs. 24" desktop

Firefox Web compatibility
Muhammad Ahmed replied 18 gaƒoƒo siwo va yi
Muhammad Ahmed
Muhammad Ahmed

Hi everyone,

I'm facing an issue with website screen responsiveness in Mozilla Firefox. A site that is supposed to be fully responsive and mobile-friendly displays properly on my 24" desktop monitor (photos, alignment, and overall design look fine). However, when opening the exact same URL in Firefox on a 13" laptop screen or a mobile device, the visual design breaks—layouts overlap and images get distorted.

Has anyone encountered this issue in Firefox with certain display scales or viewport media queries? Is there a known fix or setting in Firefox (or layout tweak) to resolve this layout breakdown on smaller screens? Any advice or troubleshooting steps would be greatly appreciated!

Hi everyone, I'm facing an issue with website screen responsiveness in Mozilla Firefox. A site that is supposed to be fully responsive and mobile-friendly displays properly on my 24" desktop monitor (photos, alignment, and overall design look fine). However, when opening the exact same URL in Firefox on a 13" laptop screen or a mobile device, the visual design breaks—layouts overlap and images get distorted. Has anyone encountered this issue in Firefox with certain display scales or viewport media queries? Is there a known fix or setting in Firefox (or layout tweak) to resolve this layout breakdown on smaller screens? Any advice or troubleshooting steps would be greatly appreciated!

All Replies (4)

jbr
jbr
  • Contributor Ga 10 wo

If that's authoring issue please check out the resources at developer.mozilla.org

If you can infer a rendering bug, a reproducible example would be welcome either in a webcompat report, or directly as bugzilla.mozilla.org if you can file it as a platform bug.

Muhammad Ahmed
Muhammad Ahmed Biabia la

Thank you for sharing the links and guidance. I also tested https://proresumes.io/ using the https://webcompat.com/ issue reporting tool, and it did not show any major issues.

Could you please suggest any other solution or troubleshooting steps I can try to determine whether there is an issue with the website? I’d appreciate any additional guidance you can provide.

Muhammad Ahmed trɔe

jbr
jbr
  • Contributor Ga 10 wo

Yes. Upload the screenshots of the issue described, with the devtools open at the elements and your about:support stating what version you're running.

(You realize webcompat.com has no "testing" facility, so this sounds completely bogus, right?)

Muhammad Ahmed
Muhammad Ahmed Biabia la

You’re right, I may have worded that incorrectly. I used the WebCompat issue-reporting page to check whether there were any browser compatibility issues with my website, not as a general website testing or scanning tool. Thanks for pointing that out. I’ll provide the requested screenshots and DevTools details so the issue can be investigated properly.

Bia biabia

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.