About fixed images or text

I do not understand English.
Thank you in simple English.

Is something like the following URL possible with “cornerstone”?

Position fixed image or text moves late.

http://www.adsrfoundation.com/en/top/

Hi There,

Thank you for writing in, regretfully that effect is not possible out of the box. But you can do something like this with Cornerstone instead.(http://demo.theme.co/ethos-2/ (see the “My Work” section)

To do that turn on your Section’s background-image Parallax option (https://prnt.sc/fu6dh6)

Then on your Column where the text is placed, enable the Fade Effect option (https://prnt.sc/fu6du0).

Hope it helps,
Cheers!

Thank you for your reply.

In the background image the width is constant and not responsive.

Is it possible to keep the background image responsive to the width?

Hi There,

Background-image is actually responsive, it is responsive in a way that it keeps its width/height ratio so it won’t look squash and/or stretch.

Yes it is possible but its not a good idea to force a background-image to look fit to its container.

Play with this tool https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover to see how background-image works.

The cover is the default behavior, background-image is to be scale as large as possible (while maintaining its width/height ration) so that the background area is completely covered by the background image. But some parts of the background image may not be in view within the background positioning area.

The one that you’re trying to do with the background-image is the 100% 100% value, see how the image being stretch.

Hope this shed some lights,

Let us know how do you want to proceed.
Thanks,

Somehow I understood.
Thank you.

We’re delighted to assist you with this.

Cheers!

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