• Hi,

    It looks like media css 1069px is loaded when using your template at 1024×768 resolution on a PC…so it is showing the responsive menu (for tablets and mobiles) is there a way for it to show the other navigation?

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author marsian

    (@marsian)

    will check and update ASAP if the issue is there.

    Thread Starter jamesfroud

    (@jamesfroud)

    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!)

    Theme Author marsian

    (@marsian)

    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).

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Incorrect Stylesheet loaded at 1024×768 resolution’ is closed to new replies.