[Resolved] Entry header moving on refresh

This topic contains 3 replies, has 2 voices, and was last updated by  Andrew Misplon 1 month, 4 weeks ago.

  • Author
    Posts
  • #7833

    jfcyr
    Participant

    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 ?

    #7834

    Andrew Misplon
    Keymaster

    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?

    #7840

    jfcyr
    Participant

    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.

    #7841

    Andrew Misplon
    Keymaster

    For 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.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

Scroll to top