I'm trying to get the mobile layout on the /home page (https://whale-orange-bcz2.squarespace.com/home) to stretch the first gallery image to fit the entire caption so that I can display the gallery items as stacked AND have the caption be legible. As you can see on mobile, it cuts off the list of text. Essentially, I'm trying to emulate the /splash page on this site (https://whale-orange-bcz2.squarespace.com/splash), but I want it to be on an index page so I can have more page sections below it. Otherwise, I would just use the splash page (although I want the white section with text to load above the photo, not below).
If you know a better way to approach this that doesn't involve using a gallery, i'm open to that as well! I just want to get this done.
I suggest to make it 100% viewport on mobile
@media only screen and (max-width: 640px) {
#collection-5fac58a28b82eb77cd318983 #new-gallery .Index-gallery-item {
height: 100vh
Site URL: https://whale-orange-bcz2.squarespace.com/
Site password: whaleorange
I'm trying to get the mobile layout on the /home page (https://whale-orange-bcz2.squarespace.com/home) to stretch
Question
belhum 4
Site URL: https://whale-orange-bcz2.squarespace.com/
Site password: whaleorange
I'm trying to get the mobile layout on the /home page (https://whale-orange-bcz2.squarespace.com/home) to stretch the first gallery image to fit the entire caption so that I can display the gallery items as stacked AND have the caption be legible. As you can see on mobile, it cuts off the list of text. Essentially, I'm trying to emulate the /splash page on this site (https://whale-orange-bcz2.squarespace.com/splash), but I want it to be on an index page so I can have more page sections below it. Otherwise, I would just use the splash page (although I want the white section with text to load above the photo, not below).
If you know a better way to approach this that doesn't involve using a gallery, i'm open to that as well! I just want to get this done.
Thank you in advance for any help!
Link to post
Top Posters For This Question
2
1
Popular Days
Nov 11
1
Nov 14
1
Nov 16
1
Top Posters For This Question
belhum 2 posts
bangank36 1 post
Popular Days
Nov 11 2020
1 post
Nov 14 2020
1 post
Nov 16 2020
1 post
Popular Posts
bangank36
I suggest to make it 100% viewport on mobile @media only screen and (max-width: 640px) { #collection-5fac58a28b82eb77cd318983 #new-gallery .Index-gallery-item { height: 100vh
belhum
Site URL: https://whale-orange-bcz2.squarespace.com/ Site password: whaleorange I'm trying to get the mobile layout on the /home page (https://whale-orange-bcz2.squarespace.com/home) to stretch
belhum
That worked! Thank you so much!
Posted Images
2 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment