- This topic has 3 replies, 2 voices, and was last updated 7 years, 2 months ago by
.
- Posts
Hello
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 ?Hi 🙂 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?
We 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.
You must be logged in to reply to this topic.