Basically when I jump from a page with a section link (eg http://urakashi.webflow.io/#roof for example ) the browsers jumps nicely to where I want it to be, but then gets a spasm and jumps up 200-300px. The distance of the jump is even worse on mobile.
@Brando Thank you so much for looking into it and making such an elaborate video!!
Indeed it seems that the instagram embed was the culprit. Your solution seems to work fairly well.
I have to set different min-height for each breakpoint manually (since the width also changes) and I’m guessing we’ll still see a bit of jumping on some devices until I can find a better solution for making it 100% responsive. But it’s a lot better than before. Thanks again and please let me know if you have any other advice for a clean solution across all responsive sizes!
My pleasure to help! In this case you may consider setting a % based width. You can also play around with setting a % based width in the custom code using inline CSS.
Ah I should have shared a link there. We don’t have any Webflow content on this because you mostly don’t need to code in Webflow
Inline CSS refers to injecting styles directly into an HTML element rather than through an external CSS file. In this case you could use inline CSS for the height of your custom div: