Stop header from moving down as people scroll the page. - Ecommerce Forums
Results 1 to 2 of 2

Thread: Stop header from moving down as people scroll the page.

  1. #1

    Stop header from moving down as people scroll the page.

    Currently using the Vitality template, many issues with it, but the one I am not sure about fixing is the header moving down the page as you scroll down the page.... I don't see what is causing it to do that anyone ever use a template that does this and found a way to stop it from doing it?
    Thanks
    Dan

  2. #2
    ok it has something to do with this code i think (maybe more of it)
    .header {
    z-index: 3;
    }
    .header.sticky-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    -webkit-animation: slidedown 1s;
    animation: slidedown 1s;
    }

    when i inspect Firefox i can turn off the fixed position and it locks it at the top, but when i update the css with /* */ around the position it makes no difference???

Similar Threads

  1. Replies: 1
    Last Post: 05-28-2015, 03:44 PM
  2. One page checkout header (design question)
    By GGG in forum Store Design
    Replies: 4
    Last Post: 04-21-2015, 05:41 AM
  3. Stop the Search Box Fly-out
    By FragranceStop in forum Custom Code
    Replies: 3
    Last Post: 05-23-2014, 01:33 PM
  4. Header Images and Header Outline Help
    By yhelp in forum Store Design
    Replies: 2
    Last Post: 10-26-2013, 08:12 PM
  5. Replies: 2
    Last Post: 06-18-2013, 08:58 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •