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

Website layout looks distorted and text overlaps on Firefox but works fine in Chrome.

Firefox Web compatibility
jbr replied
Rahul Sharma
Rahul Sharma

Hi everyone,

I'm having a frustrating layout issue specifically when using Firefox (both on desktop and mobile). When I try to load a menu page I frequently visit, like this online [sheetz menu](https://sheetzmenuguide.com/), the fonts are overlapping, and the pricing tables are completely misaligned.

It makes the text almost unreadable, and some buttons are clipped off the edge of the screen. However, when I open the exact same link in Google Chrome or Safari, the site renders perfectly and everything is aligned correctly.

I have already tried clearing my browser cache and cookies, and I even disabled my extensions to see if an ad-blocker was causing it, but the issue persists. Is there a known rendering bug in the current Firefox build causing CSS grid or flexbox elements to break on certain sites?

Any suggestions on how to fix this on my end would be greatly appreciated!

Hi everyone, I'm having a frustrating layout issue specifically when using Firefox (both on desktop and mobile). When I try to load a menu page I frequently visit, like this online [sheetz menu](https://sheetzmenuguide.com/), the fonts are overlapping, and the pricing tables are completely misaligned. It makes the text almost unreadable, and some buttons are clipped off the edge of the screen. However, when I open the exact same link in Google Chrome or Safari, the site renders perfectly and everything is aligned correctly. I have already tried clearing my browser cache and cookies, and I even disabled my extensions to see if an ad-blocker was causing it, but the issue persists. Is there a known rendering bug in the current Firefox build causing CSS grid or flexbox elements to break on certain sites? Any suggestions on how to fix this on my end would be greatly appreciated!

All Replies (2)

TechHorse
TechHorse
  • Top 25 Contributor

Rahul, might it be a zoom issue? If you go to View > Zoom and select "Actual Size" does that help?

Also, if you need to use zoom, is "Zoom Text Only" checked or unchecked? And does setting it the other way before zooming help?

Another suggestion is to try Troubleshoot Mode (this can be accessed from the Help menu). This mode does more than disable add-ons, which I see that you have already tried, so it might be worth testing.

jbr
jbr
  • Top 10 Contributor

Please attach a screenshot of the issue you're having, and also explain the details of your systems/versions as the Windows user agent here is not a platform that can run any maintained Safari version to be able to compare like–to–like.

Tanya soalan

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