Relume Community Icon

Home

Announcements
Figma Support
General
Showcase
Webflow Support

Powered by Tightknit

Alexy D. | Relume Community

Alexy D.

Commented on Fixing Layout Shifts in 100svh Height Hero Headers...·Posted inIssues

·

This is a bit embarassing but I found the issue. I didn’t update my iphone for a while and it was running a different version of Chrome IOS!

Commented on Fixing Layout Shifts in 100svh Height Hero Headers...·Posted inIssues

·

when they are stacked on mobile

Commented on Fixing Layout Shifts in 100svh Height Hero Headers...·Posted inIssues

·

Well I want each one of them to have 50 svh height

Commented on Fixing Layout Shifts in 100svh Height Hero Headers...·Posted inIssues

·

The navbar animation on Chrome mobile ios when I scroll down makes these two blocks change size.

Commented on Fixing Layout Shifts in 100svh Height Hero Headers...·Posted inIssues

·

I don’t want the two blocks of the hero header to shrink with the navbar animation

Commented on Fixing Layout Shifts in 100svh Height Hero Headers...·Posted inIssues

·

Sure here you go. Thank you

Commented on Fixing Layout Shifts in 100svh Height Hero Headers...·Posted inIssues

·

Hi Matt thanks for looking at this. Actually when I use dvh the problem shows up on safari aswell. I made a video to illustrate the issue. Safari and chrome seem to handle this differently.

Posted in Issues·

·

Fixing Layout Shifts in 100svh Height Hero Headers on iOS Chrome

Hi guys! When using 100 svh height hero header components I get this layout shift in Chrome on ios mobile. The height of the header shifts everytime the adres bar and toolbar slide in. Is there anyway to fix this?

See more