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
simon
January 17, 2017, 5:19pm
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
Many thanks for that Simon, thats certainly sorted out the font issue but I now have black blocks appearing in the menu…
simon
January 17, 2017, 7:42pm
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;}
Perfect, thanks a million Simon. I was messing about with classes early on in the project, must’ve been left over from then.