[Resolved] Entry header moving on refresh

  • Author
    Posts
  • #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 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Scroll to top