Announcement

Collapse
No announcement yet.

Unsticking the Sticky Header

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Unsticking the Sticky Header

    I'm having some issues with the Sticky Header on tablets. I asked the user what size table screen he had but never got an answer. I know the javascript keeps it from working on anything less than 768 pixels wide, so this must be a larger tablet. When I tested on my iPad I never experienced the sticky header. But with all that said, it looks like I will need to comment out the lines in the scripts.js file. I tried commenting out just the "position: fixed;" in the structure.css file (not how I want to do this) but when I scroll to the point where it should start "sticking" I get 209 pixel tall white space between the main section and the header section which I assume is being calculated by the javascript?
    Leslie Kirk
    Miva Merchant Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

  • Hi Leslie,

    To disable or modify the call for the sticky header, in your scripts.js file, find and update the following code:
    Code:
    // ---- On scroll, fix the header to the top ---- //
    if (document.location.protocol !== 'https:' && $(window).innerWidth() > 768) {
        $('#js-header').stuck();
    }
    Matt Zimmermann
    Director of UI/UX Standards and Theme Development
    / Miva, Inc.

    Comment

    Working...
    X

    This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

    This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

    Accept