Archived topic
sticky-placeholder
5 replies · Started by Raymond on December 10, 2017
Hi Tom,
I am currently developping a site and I noticed that the sticky navigation causes the body content to slide downward when it appears. It behaves as expected when I delete the next nav element:
<nav id="sticky-placeholder" class="main-navigation is_stuck navigation-stick navigation-clone" style="visibility: hidden; float: right; display: block; width: auto !important;width:auto !important">
The placeholder is there to prevent the content from jumping up when the navigation becomes sticky. It happens here on this site as well.
If you're experiencing something different than this site, I would need some login details to take a look.
Thanks!
Hi Tom,
I made you an account. In my site the content jumps down when the navigation becomes sticky, presumably because the placeholder has a different size than the sticky navigation. I replaced the sticky navigation logo with a text, by the way. Maybe that is what is causing the trouble.
Regards,
Raymond van Melzen
Try adding this CSS:
#sticky-placeholder .menu-site-title {
display: none;
}Hi Tom,
Yes, that does it.
Thank you for looking in to this!
Regards,
Raymond
You're welcome :)
