How create this modern look

Support
#1

Hi
Looking at this website;

I see really nice backgrounds, which would be hard to implement in CS
-they span across sections
-they would be bandwith heavy unless made as vectors
-they would not work with various screen sizes. not responsive.

Does anybody know a way to do this kind of thing?

THANKS

#2

Hi @flashfog,

I’ve added that image to the background image of section and it looks good on any screensizes:

Would you mind clarify what do you wish to achieve?

Thank you.

#3

hi. It depends what resolution you render in

when rendering in wide i get this;

but when rendering in super wide, i get this (which carries the issues mentioned on the original post)

ThANKS

#4

Hello @flashfog,

The example site is using custom css that moves the position of the background container in smaller screens.
It uses this css:

.shape-container-area:before {
    position: absolute;
    content: '';
    z-index: 10;
    transform: translateX(-50%);
}

Hope this helps.

#5

amazing, thank you!

#6

You’re welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.