Thanks for being so courteous. I’m glad to hear you’re finding the forum useful 🙂
I checked your site on an iphone and resized it in Chrome (screenshot), but I wasn’t able to recreate the issue. However, I have two suggestions that may fix the problem.
1) Create a custom menu.
Your site is currently using the default menu that uses all the Pages on the site. There is a chance that creating a custom menu through the Menus page (Appearance > Menus) and setting it to the Primary location may help.
2) Try the following CSS
If the logo is overlapping the menu, then lowering the menu down the page could work:
#menu-primary {
padding-top: 140px;
}
Try that out and let me know if it works for you.
Thank you! You must have just tried it out after I tried another change this morning where I resized the header based on pixels.
The combination of the above and moving the primary menu has fixed the problem for me. Works on IPhone 4s and Note 4 now! Thanks again!
Awesome, glad it’s working!