- This topic has 15 replies, 3 voices, and was last updated 2 days, 13 hours ago by Ying.
January 25, 2023 at 9:39 am #2508857Yolanda
I’m focusing on my lay-out in difference browser. I work in Firefox, and I still am confused that my site looks so different in Chrome and Edge.
I was hoping the ‘responsive’ era would continue developing, but as far as I can see, it’s only getting worse.
Okay, enough complaining – what can I do, what CSS code do I need, to get my site look similar in Chrome and Edge, etc?
An example, for the body text I’ve set the font on 15 px, but in Chrome it looks huge, while I use in every browser all standard settings, so 100% width (so not zoomed in) and standard font size.
I’ve also asked my (IT) co-worker, and he’s also seeing the same as I see. Also cleared all caches on every place possible.
Do you have any suggestions, tips, how I can influence these layouts?
Yolanda, NLJanuary 25, 2023 at 10:14 am #2508907YingStaffCustomer Support
Can you link us to your site?
Although there’s likely nothing we can do, we’ll be happy to take a look!January 25, 2023 at 10:53 am #2508954Yolanda
I’m sorry, my site is https://www.yory.nl/January 25, 2023 at 10:58 am #2508958YingStaffCustomer Support
Hum..I check on Chrome and Firefox, and both of them look exactly the same, the upper one is Chrome and the lower one is Firefox.
https://www.screencast.com/t/nIDuK5dHLtJanuary 25, 2023 at 11:49 am #2508993Yolanda
Well, that is sort of good news.
Although I see more postings on this forum (and elsewhere) with the same issues, and also the same answers of your support, that you don’t see any differences.
My co-worker had a different lay-out, and maybe others too. What can I do / what would be a good tool to prevent these differences, as shown in my screenshots?January 25, 2023 at 1:32 pm #2509085YingStaffCustomer Support
It’s almost impossible to provide suggestions without seeing the issue, I’m sorry about that.
What device are you using? Is it a windows PC? And what’s the resolution setting of your device?
Let me know!January 26, 2023 at 1:56 am #2509501Yolanda
We’re both on Windows 10, with Firefox and Chrome (and Edge) in standard settings.
I’ve made a video on https://www.screencast.com/t/y4JXazzB
I’ve also asked a friend to look at my site on Chrome, and he’s seeing the same issue as in the video.
There are more issues on your forum about this, but you always respond with ‘It looks perfect on this side’, and then the thread ends. So if more users are having this problem, there has to be a difference somewhere?
YolandaJanuary 26, 2023 at 3:35 am #2509566DavidStaffCustomer SupportJanuary 26, 2023 at 8:08 am #2510000Yolanda
Yes, I do. I have standard settings in FF and Chrome for font sizes and no zoom in/out.
You will probably say the differences in view is not caused by the theme – but years ago web designers were so happy themes were build as being ‘responsive’ for all devices (in those days). But now those ‘good times’ seems to be gone… I keep reading about designers struggling with all sorts of browsers.
I just wonder – isn’t there a tool, standards CSS or whatever, so all devices (including smartphone, which is btw not solved with AMP) can show the website as it was meant to be / designed for?
There are many tools to check if there is a difference, but I’d like to have a tool that can solve the differences.
YolandaJanuary 26, 2023 at 9:06 am #2510056DavidStaffCustomer Support
my question was whether you notice a difference with other websites.
For example does
https://wordpress.orglook different when you compare those pages between Chrome and Firefox ?January 26, 2023 at 9:51 am #2510098Yolanda
Yes, I see a difference, I’ve made a screenvideo to show you
Does that help?January 26, 2023 at 10:00 am #2510115DavidStaffCustomer SupportJanuary 26, 2023 at 11:01 am #2510191Yolanda
I just did an update, but didn’t make any difference.
If I change the Chrome zoom to 80%, I have the same view. But that’s not the standard setting, so I’m still curious if there is a code or something I can use – as a wedesigner – to manipulate this.
About the mobile lay-outs; that looks really horrible. I really don’t know what I can do about it.
I’ve installed AMP but that doesn’t do the job. Google is happy (no more warning emails), but the view on mobile looks awful.
Do you have any suggestions for that?
P.s. Is your Chrome setting standard with 100% view?
Thank you again for taking the time!
YolandaJanuary 27, 2023 at 4:33 am #2510920DavidStaffCustomer Support
P.s. Is your Chrome setting standard with 100% view?
Regarding code to manipulate this. Not, not without effecting every other browser, in making chrome show the smaller fonts, then Firefox would show smaller text.
Can you check the settings here:
Especially the Customize Font setting where the font size should be 16px.
Regarding the mobile version, i see an issue on the homepage ie. it has no padding.
Fix that by setting the pages content container to
What other issues are you having on mobile ?January 27, 2023 at 5:31 am #2510959Yolanda
My settings in Chrome are the exact same as you have.
The only setting that influences the width is to set Zoom to 80%, but still there are big white blocks between the blocks, which are not created by me, and also not shown in FF (as it should be).
About the Container settings: I see a totally different setting screen? I don’t have the option you show. And my paddings are already on 20 left/right.
Another issue in the mobile view is the name of the author of a quote:
Thank you so much for assisting me with this!
- You must be logged in to reply to this topic.