• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Page having "convulsions" when I scroll

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

  • This topic has 8 replies, 2 voices, and was last updated 5 years, 11 months ago by Wes.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 10, 2017 at 5:36 pm #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!

    May 11, 2017 at 4:56 pm #21343
    Wes
    Moderator
    This reply has been marked as private.
    May 12, 2017 at 4:49 pm #21367
    Greg P
    Customer
    This reply has been marked as private.
    June 7, 2017 at 4:42 pm #21505
    Greg P
    Customer
    This reply has been marked as private.
    June 8, 2017 at 4:30 pm #21508
    Wes
    Moderator
    This reply has been marked as private.
    June 8, 2017 at 7:05 pm #21515
    Greg P
    Customer
    This reply has been marked as private.
    June 8, 2017 at 11:08 pm #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.

    June 26, 2017 at 2:56 pm #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?

    June 26, 2017 at 10:54 pm #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

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

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework