Menu has strange fonts


#1

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


#2

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


#3

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


#4

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;}

#5

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