Menu has strange fonts

Hi there

Almost finished my website but since upgrading to 2.3, something strange has happened to the menu when viewed on an iPhone or reduced in size on a web browser. Other links on the website are also affected. Link is here:

http://www.norwichcomputersystems.com/blocstest/index.html

Can anyone shed any light on this for me?

Many thanks

Chris

Hi @Cribdave have you created a custom class called .ipad-menu or .mobile? These seem to have links of that class using Abril Fatface as the text type

a, .mobile .ipad-menu, .mobile .ipad-menu{
float:none;
display:;
width:726px;
font-family:"Abril Fatface";
overflow:initial;
padding-top:12px;
margin-top:97px;
height:0px;}

but there’s no link to Abril Fatface in the styles so it shows as standard serif font

Many thanks for that Simon, thats certainly sorted out the font issue but I now have black blocks appearing in the menu…

That’s caused by your custom class .ncs-logo which has a 40 x 200 px box shadow applied

a, .mobile .ncs-logo, .mobile .ncs-logo{
width:200px;
box-shadow:0px 40px 0px #000000;}

Perfect, thanks a million Simon. I was messing about with classes early on in the project, must’ve been left over from then.