Stylesheets doesn't load properly

More
2 years 9 months ago #47928 by nikolaosmalliaros
I installed Quatro template and Page Builder to build this site :  eos-honey

When I'm trying to see the result from mobile phone, then I don't get the expected result. Only iPhones shows it correctly.

I get the following errors:
- "Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content."
- "This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”."

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 9 months ago #47929 by milos
Hello,

Can you see our demo properly demo.hotjoomlatemplates.com/quattro

Where did you get the error messages you mentioned? What device and browser?

Thanks,
Milos

Please Log in to join the conversation.

More
2 years 9 months ago #47930 by nikolaosmalliaros
I know the demo works properly.

I didn't use hotstart. I installed all the included files and built it from scratch. 

These errors I get them on device:
iMac (Retina 4K, 21.5-inch, 2017), Intel Core i5 3 GHz, DDR48 GB 2400 MHz
Browser:
Firefox Developer Edition 90.0b11 (64-bit)

As you can see in attached image1 and image 2, this is the expected result, but image 3 is what I get. 
Attachments:

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 9 months ago #47931 by milos
So, you are testing by resizing the browser window. I checked this on my browser and can't find out what's wrong. Everything works as it's expected for me.

Can you explain what's the problem better? Can you quickly sketch what you are trying to have on a desktop and what on a mobile screen?

Thanks

Please Log in to join the conversation.

More
2 years 9 months ago #47932 by nikolaosmalliaros
No, i checked it on several mobile phone browsers and all of them (except iPhones) have the same result, as you can see in attached image 3 (on previous reply).

When I resize my browser, or i put it to "Responsive Design Mode", all works properly, as you can see in attached image 1 and 2 (on previous reply).

Images 1 and 2 is what I'm trying to have on mobile screen.

So far, I don't have problems on desktops!!

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 9 months ago #47933 by milos
On which mobile device(s) and browser(s) you are experiencing the problem? Which devices/browsers you tested?

Please Log in to join the conversation.

Time to create page: 0.355 seconds
Powered by Kunena Forum