• Hi, I’m using OceanWP + Ocean Sticky Header and encountered the following problem:

    I have the sticky header set up so that it shrinks in size (along with the logo) when scrolling down. When pressing F5 while scrolled down (header in sticky mode), the page reloads with the sticky header being invisible at first (is this supposed to happen?). When scrolling up or down, the header becomes visible again. The logo is shown in its correct shrunken size. When I now scroll to the very top of the page, the header bar returns to its correct full height, non-sticky state, but the logo shrinks further down to 1px, instead of returning to its full size.

    I had a look at the script (ocean-sticky-header/assets/js/main.js) and found that $logoHeight is set to $siteLogoIMG.height(), which returns 1 when the script is initialized – clearly not the correct value.

    Could this be a OceanWP bug or is something else interfering here?

    Thanks for any insights/support.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter geraldmenzel

    (@geraldmenzel)

    I just realized that only Firefox seems to be affected. Chrome, Edge and Safari don’t seem to show this issue.

    Thread Starter geraldmenzel

    (@geraldmenzel)

    Alright, I found it. The culprit was the lazy-load functionality of the plugin ‘Smush’. Putting the sticky-logo class into the exclusion list, solves the issue. Still, why only Firefox?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Sticky header logo full size set to 1px on page-reload while scolled down’ is closed to new replies.