manuel reports a glitch on https://community.make.com where disabling the sticky header causes the page to extend endlessly without reaching the footer. He suspects it’s related to theme settings but can’t pinpoint the cause. Don suggests the issue stems from --header-offset being dynamic when the header isn’t sticky, proposing to fix it with --header-offset: 81px !important;. manuel notes that similar layouts on other instances (like https://community.couchers.org/) don’t exhibit this issue, questioning why it’s happening only with his theme and asking what --header-offset is used for. Don revises his theory, pointing to sidebar-related CSS: .sidebar-wrapper uses height: calc(100vh - var(--header-offset)), which may push content down when the header isn’t sticky. He recommends setting display: none; or height: 0; on .sidebar-wrapper as a workaround. The issue appears tied to recent changes involving sidebar behavior, absent in older versions like the one on community.couchers.org.
After last update, I’m getting a weird glitch and not sure how to debug it further. The forum link is https://community.make.com. Now the landing page has a sticky header and everything works fine. But what I had and actually want is a non-sticky header on the landing page. But now, when I disable the sticky declaration:
I can reproduce it on another page where I use a similar layout, but not on other instances. So it must be sth I’m declaring on the theme, but I’m at a loss what it could be. Would anyone have a guess?
It seems to this cause the --header-offset. If the header is not sticky, while you scrolling it will change. I think you have to fixed the --header-offset to work on these pages.
Thank you for having looked at this @Don! I also thought it’s related to the dynamic header-offset declaration. On the other hand you can change the header to non-sticky here on meta or other instances and it’s no issue. E.g. on this instance I use similar components, but the page doesn’t extend with a non-sticky header: https://community.couchers.org/
So I still wonder why with this other theme. Though I also wonder what the header-offset value is actually calculated and used for?
Now I checked it with the other site too. I think the new changes with sidebar might cause this. https://community.couchers.org/ this is an older version which not contains sidebar codes.
.sidebar-wrapper has a height:calc(100vh - var(--header-offset)) I think this push the content while you scrolling if header is not sticky.
