Fixing Layout In Mobile Version

Site URL: https://www.animasus.com/

login to site: leetle

Hi there! I'm rebuilding my portfolio, but I'm still teaching myself coding, so I could use some help.

As you can see on the site, I have two different layouts on desktop and mobile– desktop has everything in a table, while mobile just has native Squarespace sections. For some reason, on mobile, there is a huge space underneath the marquees that won't go away no matter what I do. I thought maybe it was the table, but not amount of even fixing that is working. I want the last marquee banner to be the bottom of the page, flush with the footer.

Any help would be greatly appreciated, thank you!

**UPDATE**
I somehow reversed them... now it works fine on mobile, but there's a large gap on desktop. And yes, I've tried fixing it with Squarespace's built-in row count/fluid engine.

2 hours ago, animasus said:

Site URL: https://www.animasus.com/

login to site: leetle

Hi there! I'm rebuilding my portfolio, but I'm still teaching myself coding, so I could use some help.

As you can see on the site, I have two different layouts on desktop and mobile– desktop has everything in a table, while mobile just has native Squarespace sections. For some reason, on mobile, there is a huge space underneath the marquees that won't go away no matter what I do. I thought maybe it was the table, but not amount of even fixing that is working. I want the last marquee banner to be the bottom of the page, flush with the footer.

Any help would be greatly appreciated, thank you!

The fluid engine allows you to change layout on mobile display. Have you tried it out?

6 hours ago, bangank36 said:

The fluid engine allows you to change layout on mobile display. Have you tried it out?

Yes, I tried that. In the editor, I'm able to cut down the number of rows so that it's flush with the last marquee, but it doesn't work on the live site.

On 9/10/2022 at 2:10 PM, animasus said:

Site URL: https://www.animasus.com/

login to site: leetle

Hi there! I'm rebuilding my portfolio, but I'm still teaching myself coding, so I could use some help.

As you can see on the site, I have two different layouts on desktop and mobile– desktop has everything in a table, while mobile just has native Squarespace sections. For some reason, on mobile, there is a huge space underneath the marquees that won't go away no matter what I do. I thought maybe it was the table, but not amount of even fixing that is working. I want the last marquee banner to be the bottom of the page, flush with the footer.

Any help would be greatly appreciated, thank you!

 

**UPDATE**
I somehow reversed them... now it works fine on mobile, but there's a large gap on desktop. And yes, I've tried fixing it with Squarespace's built-in row count/fluid engine.

The site is fine to me. Which page are you referring to?