- This topic has 8 replies, 2 voices, and was last updated 5 years, 11 months ago by .
Viewing 9 posts - 1 through 9 (of 9 total)
Viewing 9 posts - 1 through 9 (of 9 total)
- You must be logged in to reply to this topic.
Home › Community Forums › Epik Theme Support › Page having "convulsions" when I scroll
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!
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.
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?
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