Firefox not displaying Home Page properly on mobile

[Isabelle_808]

Hello,

Client just alerted me their home page is zoomed in on mobile in Firefox. Looks great on all other browsers.
Only affects home page.

I’ve read that it could be a viewport scaling conflict, or some problem with Revolution Slider.
Could you point me in the right direction as it seems there are quite a few possibilities and I thought maybe you’ve seen this before

As always, thank you for your help.

Edit: Firefox 146.0.2
OS Android 16

[ruenel]

Hey Isabelle,

Thanks for writing in!

I am unable to log in using the provided WordPress credentials. It does not work for me. Anyway, I think I have a clue. It is because you have not set the Global Container in your Row element. It must be set to at least 100%.

We would love to know how this works for you.

[Isabelle_808]

I adjusted row to 100% but no go. Still wonky in Firefox.
Cleared cache.

Edited credentials if you need it.

[ruenel]

Hey Isabelle,

Still, I wans’t able to log in.

I found out that the Essential Grid is causing the issue. Kindly add this custom CSS into the page:

.esg-overflowtrick ul li.filterall.eg-title-author-wrapper{
  max-width: 100%;
}

Thanks.

[Isabelle_808]

Sorry about passwords, not sure what copy paste is up to…

That did not help in Firefox after adding code.

[tristup]

Hi Isabelle,

Unfortunately, the given credentials are not working. If you still facing the same issue, please check and send it once again ?

Thanks

[Isabelle_808]

I have no clue what is going on with credentials as I can log in.
Made you a user account but not sure you can access the email I assigned.
See secure note.
Let me know.

Thanks
Isabelle

[prakash_s]

Hello Isabelle,

I tried to access your site dashboard, but it is not working on my end. To resolve your issue, please add the custom CSS code to Global CSS, clear your browser cache, and then test again.

@media(max-width:766.99px){
.x-row-inner{width:100%;}
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector, or you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[Isabelle_808]

Thank you! Works perfect.
Can I remove the first code or do they work together?

Sorry for all back and forth.
I think we had an attack with logins at the same time hence why things went this way,
Apologies for the trouble.

[ruenel]

Hey Isabelle,

You can remove the previous codes and use the one given by @prakash_s

Cheers.