Mobile slider elements overflowing under other elements

Design help General
1

published link: peak-fitness.webflow.io

Hi all!

I’m very new at web design and webflow. This is page is a class project, and I feel like I’m understanding things reasonably well, but I cannot figure out why in the mobile views of my slider where I wanted to stack the elements instead of having them side-by-side, the slider doesn’t seem to be pushing other content down. I can’t make my heading and photo both visible unless I set a min VH, and I feel like there has to be something upstream that I’ve set wrong. I’ve included published and share only links and some screenshots. I’d appreciate any suggestions!

phone-prob

tablet-problem
tablet-problem697×787 53.8 KB

Here is my site Read-Only: Webflow - Peak Fitness
(how to share your site Read-Only link)

2

Hi, welcome to Webflow! You need to change your flexbox to do not resize on the header

53%20PM

3

47%20AM
47%20AM1590×1016 361 KB

Thanks! I think I understand why that works. (I’m very much still learning CSS layout). Can you look one more time and help me understand why I now have the bottom of the slider being cut off? I figure it must have something to do with the mobile-slider-container because it goes below the visible part of the slider, but I can’t figure out what to do about it.