Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Have Sticky Header Show Different Image On Scroll

Home Forums Support Have Sticky Header Show Different Image On Scroll

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #319791
    Mike

    I would like to know how I would go about having the logo image on the sticky menu show a different image (a variant of the logo image) instead of the cropped one upon scrolling.

    GeneratePress 1.3.46
    GP Premium 1.3
    #320053
    Tom
    Lead Developer
    Lead Developer

    So you want a different navigation logo between sticky and static?

    #320067
    Mike

    Yes that is correct. Thanks.

    #320160
    Mike

    I think I figured this out. The solution is blatantly obvious but I didn’t notice till just now.

    On the sticky header the image needs to be set within Customizing ▸ Layout ▸ Primary Navigation ▸ Navigation Logo.

    Also the Navigation Logo Placement (within Customizing ▸ Layout ▸ Primary Navigation ▸ Navigation Logo Placement ) must be set to Sticky for this to work as intended.

    This gives me two different logo variants for the static and sticky.

    Hope this helps anyone else facing the same issue.

    #320245
    Tom
    Lead Developer
    Lead Developer

    Perfect, thanks for posting the solution! 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.