Issues with the way layout is flowing, two questions

Design help General
1

Hey there!

I’m having problems with how my “About” page. In desktop form, I would like the text to stay the same size/width, but have the image shrink to fit the width of the browser. Right now, when you make the browser smaller desktop, the text overlaps the image and is cut off at the bottom.

In iPad and mobile, the text and the image are being covered by the banner and the footer. How do I fix this?

Thank you so much in advance!!

Here is my site: http://ally.camp
Read only: https://preview.webflow.com/preview/allys-portfolio-two?utm_medium=preview_link&utm_source=designer&utm_content=allys-portfolio-two&preview=48480d8623d483758faf17722ab432f8&pageId=5eb5ccca6ec3d119b10f8447&mode=preview

2

Here’s what I ended up doing to fix the issue, let me know if this is what you were thinking:

https://www.loom.com/share/0f4ed6387973439689bcec0e5394afaa

3

@mikeyevin thank you so much! I seriously appreciate the video with voiceover too, that makes it so much easier. Do you have any idea why it’s cutting off the text in 1024px (the smallest desktop size) on the bottom? I’m afraid because many designers use ipad pro and I don’t want a hiring manager to look at it on their ipad if it’s doing that. I created a new read only link if you or anyone else can help: https://preview.webflow.com/preview/allys-portfolio-two?utm_medium=preview_link&utm_source=designer&utm_content=allys-portfolio-two&preview=2283dfc27831744f436e4658349c4f18&pageId=5eb5ccca6ec3d119b10f8447&mode=preview

4

Of course, glad I could help out. Regarding the issue with the text clipping, that’s because you’re slider element has a fixed height of 720px and the mask is set to overflow: hidden—which clips content extending beyond the element boundaries:

image

I went ahead and recorded another quick video that should help you get things situated:

5

@mikeyevin got it! thank you so much for your help, you’re an angel! :innocent: :innocent: :smiley:

1 Like