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

    #2
    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

    Miva Web Developer
    Alchemy Web Development
    https://www.alchemywebdev.com
    Site Development - Maintenance - Consultation

    Miva Certified Developer
    Miva Professional Developer

    https://www.dev4web.net | Twitter

    Comment

    Working...
    X