[sbartsch]

Hello!
It’s me again. I haven’t had a chance to try the coding edits you suggested when I was having issues with Chrome displaying my homepage slider correctly. This is my site:https://ieo.wp.d.umn.edu/

I recently installed updates (haven’t done anything else) and now Chrome seems to make a few things bigger (top navigation text, or maybe even all fonts) – -and now the top navigation bumps down to 2 lines instead of one. See screen shot of (actual size) browsers side by side – you can see that Chrome (on the left) is appearing larger than Firefox (on the right.)
https://ieo.wp.d.umn.edu/wp-content/uploads/2014/06/browser-screen-grab.jpg

Any thoughts on this?
*(I will be on vacation for 2 weeks, so won’t be able to respond, or experiment with this until July). But I thought I would ask.

Many thanks in advance for any advice you might share!
Best,

sbartsch

[Sakin]

@sbartsch: Yes it’s only on font. So, try adding in the following css in “Appearance => Theme Options => Custom CSS” box. This is temporary fix to Chrome issues.
body > div { font-size: 1.4rem; }

[sbartsch]

Hi Sakin,
I included this temporary fix. It seems to work great. http://www.d.umn.edu/ieo.

I’m wondering the header text under the “featured images” can be slightly smaller? It looks fine in FireFox, but bigger in Chrome? (i.e. “Embark on your journey” breaks into 2 lines in Chrome, but is 1 line in other browsers.)

Please let me know your thoughts, and thanks again for your help!

sbartsch

[Sakin]

@sbartsch: When I check your site in Chrome and FireFox but is showing same font. So, I am not being able to debug it much. Anyway, try adding in the following css in “Appearance => Theme Options => Custom CSS” box.

#featured-post .entry-title {
	font-size: 20px;
}
@media screen and (min-width: 1190px) {
	#featured-post .entry-title {
		font-size: 22px;		
	}	
}
@media screen and (max-width: 960px) {
	#featured-post .entry-title {
		font-size: 18px;		
	}	
}
@media screen and (max-width: 480px) {
	#featured-post .entry-title {
		font-size: 16px;		
	}	
}

[sbartsch]

Hi Sakin,
Thank you very much for looking into this.
I’ve added the above mentioned code to the CSS – and it looks pretty good.
I appreciate it.

Best,

sbartsch

[Author]

Posts