Mobile CSS Overflow image

[dafv]

Hi Armin!

On mobile, I'm trying to fill this blue div with the image (overflowing on the sides) but I'm not managing to do so.

Could you help me?

PS: I'm setting the div's height to 65vh

[arminunruh]

Can you send me the url to the page?

[dafv]

sure @arminunruh

http://daniel-martins.com/dharma

[arminunruh]

Hmm, I think it would work if you'd set the background image for that row.
http://laytheme.com/how-to-use.html#full-bleed-images
So instead of the image as a grid element, set this image as the background of that row.

And then set the .row's height to 45vh instead of .row-inner.

[dafv]

but, in that way i'll lose the parallax effects ://

[arminunruh]

yeah ://

Ok, if you don't want that maybe you want to hide the row for mobile for now?

I'm going to code a "stage image" option for projects one day :D

[dafv]

Perfect would it be if the row image could be fully responsive to the blue row-inner div but in height.

That 'stage image' option is a great idea!

[arminunruh]

I'm sure a row-background image is fully responsive to the height of the row. And you could set the rowheight to 45vh with custom css. But yeah, then you don't have the parallax effect as we discussed earlier :D :/