[sbartsch]

Hello,

I noticed as of last week that the Google Chrome browser isn’t displaying the full size image on the home page slider. Other browsers seem to work fine but Chrome is displaying differently.

The address to my site is:
https://ieo.wp.d.umn.edu/

Any information would be great. Thanks!
Kind regards,

SBartsch

[Sakin]

Hello SBartsch,

I check in your site in Chrome browser and it’s working fine. Can you refresh your chrome browser and check in. There might be cache issue or also check in your chrome extension and zoom.

Regards,
Sakin

[sbartsch]

Dear Sakin,

Thanks for your quick response. I’ve refreshed my Chrome browser, and deleted history, cookies etc. I also double checked that my page zoom is at actual size in Chrome > View > Actual Size

Is it possible for me to send you a screen grab? It’s as if there is a white bar to the right and left side of the slider image on the home page.

Please let me know your thoughts when you have a moment.
Many thanks!

Best,
S. Bartsch

[Sakin]

Dear S. Bartsch,

There is no option to add screenshot in this forum. But you can upload your screenshot image in your site or any photo sharing site and then add in your image url here.

Regards,
Sakin

[sryu]

Dear Sakin,
I got the same bug in my website when I use the Chrome browser.
Firefox and Safari work well….

I wonder if there is something wrong with the CSS?

Best regards,
sryu

[Sakin]

Dear Sryu,

Can you send me your site URL and also the screenshot showing the issue. I need to check this in details.

Regards,
Sakin

[sbartsch]

Hi Sakin,

I apologize for not responding sooner ~ I’ve been busy.
Here is the screenshot:

https://ieo.wp.d.umn.edu/wp-content/uploads/2014/06/chrome-ieo-home.jpg

url: https://ieo.wp.d.umn.edu/

I did look on a co-worker’s chrome screen, and it appears fine there. Though I’ve checked that my screen is zoomed out -and at “actual size” but it still displays this way. Let me know if you know of anything else I should try in Chrome?
Thanks again for your assistance.

Best,
Sbartsch

[Sakin]

Hi Sbartsch,

This is really strange as i try refresh and check in your site at least 20 time but no issues found in Chrome. I will try tomorrow as well and see if I can generate that issue. When you have this issue does your site get zoomed in.

For now can you try adding in the following css in “Appearance => Theme Options => Custom CSS” box.
body > div { font-size: 1.4rem; }

Regards,
Sakin

[sryu]

Dear Sakin,
This may be caused by some weird calculation on the margin by Chrome……

I did some modification to the css and the site finally works well on my Chrome.

/wp-content/themes/catch-everest/style.css
change the margin in “.featured-image .slides image” to 0;

/wp-content/themes/catch-everest/css/responsive.css

@media screen and (min-width: 1190px){
.site{
margin: 4rem auto;
width: 1140px;
}
}

//It is so weird so I decide to uninstall Chrome…….(just kidding)….

sryu

[sryu]

I found that there is something bug when Chrome deals with “rem”. It may cause the problem.

Thanks a lot!

sryu

[Sakin]

@sryu: Yes it must be chrome rem issues. But I though this has already been fixed by Chrome. Are you using latest version of Chrome.

[sryu]

Hi Sakin,
Actually, I am using the latest version of Chrome on OS X. However, when I checked this problem by using Chrome on Ubuntu and Windows, it works well……
Modifying the css is the temporary solution for me on my OS X.
Anyway, thanks a lot! This theme is really awesome. I love it!

Best,
sryu

[Sakin]

@sryu: Thanks for your appreciation and yes there has been bug report about rem in chrome and will be fixed soon by Chrome developers.

[sbartsch]

Dear Sakin & @sryu,

I appreciate your troubleshooting this issue. Hopefully Chrome will fix the issue soon. Do you think I should wait for Chrome to fix it? Or should I change the css per @syru’s suggestion?

Again, thanks for your help! I’m not terribly concerned ~ since it doesn’t appear that way on my co-worker’s computer, but I do want to have it fixed…

Best,

sbartsch

[Sakin]

Dear Sbartsch,

Yes for now you can add that css in your Custom CSS box and later you can delete it after Chrome fixes the issue.

Regards,
Sakin

[Author]

Posts