Mobile CSS Overflow image
-
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
-
Can you send me the url to the page?
-
-
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.
-
but, in that way i'll lose the parallax effects ://
-
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
-
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!
-
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 :/
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it
