Skip to content

Is half height causes background images to look squashed

Summary

When applying is half height on a section, it causes background images of Hero Frame to look squashed (attachment)

It is probably caused by the custom height applied in .cern-component-header-blocks class from fixHalfheight function. Removing this function and setting .cern-component-header-blocks to height: 100% fixes the issues. Find whether this function is useful and if not remove it.

Attachments

Screenshot_2020-06-03_at_16.05.39

To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information