sticky-header issue (if the browser size is changed)!

  • Resolved l3l3

    (@l3l3)


    3 years ago

    to reproduce the error/bug:

    1) Make the browser small so that the mobile layout is displayed (window.innerWidth <1000px)
    2) page reload
    3) sticky header works as expected!
    4) now make the browser larger (window.innerWidth >1000px) so that the desktop layout is displayed
    5) scroll -> the sticky menu no longer works as expected (the page jumps)

    If you then reload the page, the sticky header works again!
    but if you reduce the browser-window (<1000px), the same problem occurs again!

    problem occurs in latest chrome, safari, opera, firefox, iPad, iPhone

    tested with a brand new wordpress installation with only the blocksy theme and the blocksy companion plugin installed nothing else!

    blocksy companion: version 1.8.9.8
    blocksy: version: 1.8.6.8

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter l3l3

    (@l3l3)

    okay, here is my quick-fix

    // let view, currentView;
let resize = (e) => {
  // currentView = ctFrontend.getCurrentScreen();
  // if (view === currentView) return;
  ctEvents.trigger('ct:header:update');
  // view = currentView;
};
if ('undefined' !== typeof ctEvents && ctEvents.trigger) {
  window.addEventListener("resize", resize, !1);
  window.addEventListener("orientationchange", resize, !1);
  resize();
}
    Plugin Author creativethemeshq

    (@creativethemeshq)

    @l3l3 Thanks a lot for the heads up — we will have that fixed for the next update. And good catch with spotting the way our ctEvents & “ct:header:update” event works, that’s great!

    Also, do you mind pinging us at [email protected]? We have an interesting idea you might like and would love to discuss it with you.

    Plugin Author creativethemeshq

    (@creativethemeshq)

    Hello @l3l3,
    I’m not sure if you saw entirely my previous message.

    Will you be able to contact us via email? We wanted to discuss with you about an interesting idea ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘sticky-header issue (if the browser size is changed)!’ is closed to new replies.

Tags