8THEME8
8THEME
May 11

Logo display (resize) in header on scroll

I would love to see the ability to scale the logo inside the header when scrolling down: https://lebenswelten-stgabriel.at/ It would even be better if the logo itself could overlap with the body content (like in the example), and separate layout configuration for desktop & mobile
ReviewingReviewing

May 11, 2026

Hi Jack, any chance this can be reconsidered? Your example didn't animate/rescale the logo on scroll, the way my example did. I see this effect pop up more & more on the internet. Would be great if we could achieve the same with Xstore

May 11, 2026

Hello @Bas Kling, You can check our demo https://xstore.8theme.com/demos/2/agricultural/. Logo overlap could be simply made by adding margin-bottom: -⁠15px or any other value. Please, give us a feedback if that could be ok for you with the solution of css like on demo. Regards

May 11, 2026

That isn't what Bas suggested. Please check the link he provided. Thank you!

May 11, 2026

Hi Jack, in the Xstore example, the logo isn't resized on scroll. Please check out the example on Joomscaper: archive.joomshaper.com/forums/shrink-logo-on-scroll

May 11, 2026

Great idea. Upvoted!

May 11, 2026

To help you on your way (source of example given): https://archive.joomshaper.com/forums/shrink-logo-on-scroll