Refresh needed to show title and menu toggle

  • Resolved Halyra

    (@harasse)


    9 years, 2 months ago

    hello,
    I use the Publication theme with a long static page. So I customized the title and the menu toggle to have fixed positions in the viewport when scrolling:

    #masthead {position:fixed !important;}
.menu-toggle {position:fixed !important; }
#primary-menu {position:fixed !important; }

    The issue is that it seems to need a refresh to correctly show menu items and title.
    Thanks if you have an idea of what to do.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter Halyra

    (@harasse)

    Some more tests done.It seems to be behaviors witch differ according to browsers.

    NOK with firefox 40.0.3 Linux Ubuntu (primary menu not shown unless a refresh is done !!)
    OK with chromium 44.0.2403.89 Linux Ubuntu
    OK with chrome 45.0.2454.93 Linux Ubuntu
    OK with IE Windows 10
    NOK with IE11 Windows 8.1 (in this case, the lateral windows take the whole screen !!)

    I did the test with this customization:

    .site-title {position:fixed;}
.menu-toggle {position:fixed; }
#primary-menu {position:fixed;}

    Thanks if somebody has an idea.

    Moderator Kathryn Presner

    (@zoonini)

    Could you please provide a link to your site so we can take a look directly? Thanks.

    Thread Starter Halyra

    (@harasse)

    Thank you to pay attention to my problem. Please find the address of my test site : jhtest.harasse.net

    Moderator Kathryn Presner

    (@zoonini)

    My colleague Laurel came up with this CSS as a starting point for you.

    First, remove this:

    .menu-toggle {position:fixed; }
#primary-menu {position:fixed;}

    Then, add this:

    @media screen and (min-width: 1272px) {
    .menu-toggle {
        position: fixed;
    }
    .slide-menu {
        z-index: 1;
    }
    .slide-wrapper {
        position:fixed;
        right: 0;
        width: 329px;
    }
}

    You may need to add additional variations within other media queries to target screens narrower than this minimum, but this should give you a starting point.

    Thread Starter Halyra

    (@harasse)

    Thanks very much for your help. You gave me the fine tuning?: it is running well on all my systems and browsers.
    I try now to add additional variations to adapt to some smartphone screens?: it seems it will be a hard job?!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Refresh needed to show title and menu toggle’ is closed to new replies.