will check and update ASAP if the issue is there.
some more information if it helps..
if you add
console.log("width: " + $(window).width() + " height: " + $(window).height());
alert("width: " + $(window).width() + " height: " + $(window).height());
at line 57 of js/functions.js just after
/* scripts to run on document ready */
jQuery(document).ready(function($) {
you can see the width and height
I get width: 1009 height: 645 in Firefox and Chrome.
Also tested it on iPad mini..
Portrait –
width: 768 height: 927
Landscape –
width: 768 height: 519 (which seems to be a bit off to me..sure width should be 927?)
If in styles.css you change
@media (max-width: 1069px) {
to
@media (max-width: 1009px) {
It fixes it for 1024×768 resolution on PC, I’ve not tried it on a higher one yet, but I can do when in a few hours (not at a better spec machine!)
yes you are right, the breakpoints for responsive menu is 1069px, if i change that, it will create issues for existing users with large menu, let me see if i can find a solution for you through custom css and custom js (which is still not there, will a add that in upcoming version).