Hi,
Another update, I’ve discovered the narrow screen problem on the iPhone is caused by caused by Custom CSS I’d added to get the Logo & Site Title & Description to align in the Header:
#header-content .logo-wrap {
position: relative !important;
}
#site-logo {
height: 140px;
margin-top: -30px !important;
position: absolute !important;
top: 15%;
width: 120px;
}
#site-title {
font-size: 36px;
line-height: 46px;
margin-left: 120px;
padding: 0;
}
#site-description {
margin-left: 120px;
}
Works fine on PC browser & iPad, but displays narrow on the iPhone, as I’ve already detailed.
I’ll fix this problem (and apologies, I thought I’d deactivated it along with Plug-ins and Widgets during my research), but the menu issue remains and can be reproduced by resizing the browser to create a narrow window. When you do this, it the theme “thinks” the selected option is the last menu item in the list.
Not only does it display this option on all pages as the selected item, you can’t actually select and display its page because the theme “thinks” it’s already selected.
Hope all this background helps you find the problem and an answer.
Regards,
Robertf
