Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1095362

    scottkwilson
    Participant

    Hi – On the Ipad the sticky header is acting erratically when scrolling up and down the page. Sometimes the header disappears when scrolling up or down.. but even worse, when you’re at the top of the page and you try to scroll down (finger moving south on the screen) the content band jumps up and down like it’s having a convulsion.

    How do I fix this for a smooth experience?

    Here’s the site with the issue: qualitycbs.stormwindcreative.com
    Here’s another site I created that does not have this issue: letstest.co

    Thanks!

    #1095401

    Joao
    Moderator

    Hi Scott,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks

    Joao

    #1095510

    scottkwilson
    Participant
    This reply has been marked as private.
    #1095589

    Nabeel A
    Moderator

    Hi again,

    Thanks for providing the credentials. I see you’ve not updated your site to the latest version. Please update X and Cornerstone plugin to the latest version. You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

    If you find anything to be out of date, you can review our update guide.

    Let us know if the issue remains!

    #1095786

    scottkwilson
    Participant

    Updated X and cornerstone… the issue remains unfortunately

    #1096334

    Rad
    Moderator

    Hi there,

    Thanks for posting in.

    Please try adding this CSS to Admin > Appearance > Customizer > Custom > CSS

    @media ( max-width: 1024px ) and ( min-width: 980px ) {
    
    .x-navbar {
    position: fixed;
    width: 100%;
    top: 0;
    }
    
    .masthead {
    min-height: 110px;
    }
    
    } 

    Hope this helps.

    #1096993

    scottkwilson
    Participant

    That worked! You guys are amazing!

    #1097102

    Joao
    Moderator

    Glad to hear it

    Joao