Firefox Mobile loads wrong breakpoint

Ask the community
, , ,
1

Issue
I have a Wix Studio site that works correctly on all other mobile browsers, but on Firefox Mobile it appears to load a desktop breakpoint across the site. Oddly enough, if I turn on “Desktop Mode” in firefox it will load a tablet breakpoint.

My mobile device is a Galaxy Note 20 with a 6.7-inch Super AMOLED Plus display (60Hz, 1080 x 2400). But I know the site fails on other devices.

Working in
Wix Studio Editor, Velo, CMS

Site link

What I’m trying to do
I’ve created a custom gallery filtering interface for the desktop site. It is too complex for mobile. Therefore I want a simplified gallery on mobile. I accomplish this with two sections, one for desktop and one for mobile that are respectively hidden on the other’s breakpoints. On desktop, I want the filter pinned, or at least sticky, so that it is always available while scrolling the gallery, which will eventually get quite long.

What I’ve tried so far
Run the responsiveness checker
Deleted all my code.
Made sure masterPage.js is effectively empty
Deleted the whole section containing my desktop gallery.
Ensured all breakpoints are harmonized between header, page, and footer.
My Breakpoints, btw are:

  • 1921 and up
  • 1201 to 1920
  • 1001 to 1200
  • 751 to 1000
  • 600 to 750
  • 320 to 599

Thank you!

2

Is it just Firefox Mobile this happens on, or does it also happen on Chrome mobile? It’ll help to figure out if this is maybe something on the level of the browser, or if it’s something to do with the setup of the site

3

Thank you!

I am pretty sure that it is just Firefox.

Works fine on Chrome and the default Samsung browser on my phone.

4

@noahlovell
I’m very grateful for you to have taken note of my issue.

I sincerely hope you can help me resolve it. This is my personal professional website. I’m currently searching for work and if an important person opens my site with Firefox Mobile, I look like a fool. As I am sure you understand, this is extremely important to me and I cannot afford to hire a pro to fix it for reasons cited above. Please help!

Thank you.

5

You can try using CSS for design of your page elements, that can work as CSS is versatile across all browser.

6

Since this seems to be browser specific, I’d suggest opening this as a bug report for the team to take a look further - Wix Studio - How to report a bug . I understand how important this is for you - and the Support team will be best suited to escalate this further