5 replies · opened Nov 23, 2022
I'm using a transparent header with a slider below using the 'include-header' class. But on mobiles the header isn't transparent and the slider is under the header, not underneath it. Is there a way to make the transparent header/slider 'include-header' behave exactly the same on mobiles as on larger screens please? Thanks
Hello,
Unfortunately, this feature is currently not available within the Default Templates. We will surely consider adding this in Our Future Updates and will send you a Notification once this is available.
Let us know if we can help you with anything else or if you find any further issues.
OK thanks. In that case I'd like to report a bug where when using the sticky header on mobiles, when you start to scroll down from the top, the page jumps. I fixed this with some css:
@media (max-width: 992px) {
#header + .include-header {
margin-top: calc( -80px - 2px );
}
}
But now that it's not possible to have the header as transparent, I don't want the slider to be moved up by 80px as above. But without my fix, when you first start scrolling down the page the scroll position suddenly jumps down the page by 80px. Guess your JS is doing that?Can this be fixed? Thanks
Forgot to mention the vh size is off as well on mobiles with sticky header. vh-100 goes below the visible page by 80px. How can we fix this? Thanks
Hello,
Thanks for your Patience and Apologies for the Delays in replying to your Support Query.
Yes, there is a bug related to this. We are working on a fix and will provide you with the updated files shortly. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Hello,
Consider updating the default files with the ones attached to this reply.
This should definitely fix the issues with Mobile Sticky Header. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard