comment author font doesnt change on phone

Looks good on my phone. Did you empty the cache on your mobile browser?

Thank you @mugatea,

We’ve just checked your website and on both (mobile and desktop) the font-size of the comment author name is 14px;

desktop: https://www.screencast.com/t/05bDrDyllI
mobile device: https://www.screencast.com/t/efiLaAaiW0tt

If you check on mobile devices please always use incognito mode.

On desktop please press CTRL+F5 on the frontend (twice) before checking.

Hi, its the font family that doesnt change, the sizing is fine. I’ve tried using incognito modes on the phones browsers, both chrome and firefox and the font doesnt change on mobile. The sizing is ok, but the font for peoples names should be ‘cooper’.

I’m using this css. Works great on laptop on all 3 browsers just not in firefox or chrome on my phone.

#wpcomm .wc-comment-author a {
font-size: 14px!important;
font-family: cooper;
}

#wpcomm .wc-comment-author {
font-size: 14px;
font-family: ‘cooper’;
}

@mugatea

Please try this one:

#wpcomm .wc-comment-author a, #wpcomm .wc-comment-author  {
   font-size: 14px !important;
   font-family: cooper !important;
}

Just tried it. No change. Also the ‘load more’ button font is also cooper, which works fine on destop but again not on my phone using private tabs. I’m gonna start switching off plugins and see if that helps. I’ve got wp rocket also so maybe there is a cache problem going on.

well I disbaled all plugins and that hasnt done anything… so maybe its a Divi theme issue, I’ve got a test site I can try testing on….

********Fixed it!!*********

So I ‘inspected’ the comment form title since it did load the cooper font and it showed the font as ‘copper’,Helvetica,Arial,Lucida,sans-serif so I copied that and pasted it. While it worked again on desktop it also fixed it so it works on mobile too!

• This reply was modified 4 years, 11 months ago by mugatea.