Page having "convulsions" when I scroll

Homepage Community Forums Epik Theme Support Page having "convulsions" when I scroll

  • This topic has 8 replies, 2 voices, and was last updated 7 years ago by Wes.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #21321
    Greg P
    Customer

      Just downloaded and trying the latest version of Epik (the latest as far as I know…from Studiopress downloads). When I scroll down a page, as soon as the header starts to show up again the page starts shaking, out of control. It happens on both desktop (Chrome) and phone.

      Anything I can change to fix this?

      http://d41.d0c.myftpupload.com/residential-dumpsters/

      Thanks!

      #21343
      Wes
      Moderator
        This reply has been marked as private.
        #21367
        Greg P
        Customer
          This reply has been marked as private.
          #21505
          Greg P
          Customer
            This reply has been marked as private.
            #21508
            Wes
            Moderator
              This reply has been marked as private.
              #21515
              Greg P
              Customer
                This reply has been marked as private.
                #21516
                Wes
                Moderator

                  Ok, I added this to your Custom CSS page (which can be found on the Customizer page in the “Additional CSS” tab) –

                  .site-header.shrink {
                  	position: relative;
                  }

                  This is one of the things that will prevent the header from being “sticky”. There’s more code in the background, but we won’t need to touch it since the code above prevents it from activating.

                  I just pulled up your site on an iPhone using the Chrome and Safari browsers and everything looks good.

                  Unrelated: The only thing that didn’t look right was the Site Title/Logo. On an iPhone the text is too long so it gets cut off due to the screen size. I just added some code in the Customizer CSS that shrinks the font size on any device that is 480px wide and below –

                  @media only screen and (max-width: 480px) {
                  
                  	.site-title {
                  		font-size: 20px;
                  	}
                  
                  }

                  Let me know if everything looks right once you take a look.

                  #21650
                  Greg P
                  Customer

                    All is good Wes. Thank you! So will I need to include these custom options on future sites so the same thing doesn’t occur?

                    #21663
                    Wes
                    Moderator

                      Yes if you want to remove the sticky option then that should be all you need. If you run into any issues with it not working right just let me know and I can figure out what’s going on. It’s mostly coming from the position: fixed; part in the .site-header and .site-header.shrink

                    Viewing 9 posts - 1 through 9 (of 9 total)
                    • You must be logged in to reply to this topic.