- This topic has 3 replies, 2 voices, and was last updated 7 years, 1 month ago by Andrew Misplon.
- AuthorPosts
- September 20, 2017 at 7:09 pm #7833
jfcyrParticipantHello
I am experiencing some strange intermittent behaviors on my site (www.reflexphotonics.com) : the “Entry header” moves up and down pushing the whole page down. This happens on the home page (the area is empty):
Abnormal
Normal
on posts:
Abnormal post
and on pages:
Abnormal
Normal
Refreshing the page a few time normally clears this issue. As it is intermittent, I cannot certify that it happeras on browsers other that Safari.
Can you help ?September 20, 2017 at 7:17 pm #7834
Andrew MisplonKeymasterHi 🙂 This happens due to the sticky header script being used. On page load, the menu loads on two lines, the sticky header measures the header height and sets it, further CSS loads and the header then moves onto one line, at this point the sticky header is done measuring the height and it’s set.
In Custom CSS, if you change:
.main-navigation { max-width: 55%; }
to
.main-navigation { max-width: none; }
Does that help?
September 20, 2017 at 7:46 pm #7840
jfcyrParticipantWe had this:
/* largeur du contenant Header */
.site-header .site-branding-container {
max-width: 45%;
}
.main-navigation {
max-width: 55%;
}
to resolve another problem (with the logo if I recall correctly). I hope max-width: none will not break anything else.
I have changed the CSS and it seems to work. It is difficult to check, as it is intermittent.September 20, 2017 at 7:48 pm #7841
Andrew MisplonKeymasterFor sure, I took a look at your Custom CSS before sending my last reply. This shouldn’t result in another issue. Let me know if the header height problem comes up again and I’ll take another look. Thanks.
- AuthorPosts
You must be logged in to reply to this topic.