I am struggling to figure out how to change the height sections on mobile. On a desktop, the large height sections look great, but on mobile they are spread way too far apart.
This is the amount of space on a desktop:
And this is the amount of space on mobile:
I would like for the distances to be about the same on both screens, and would also like for the images on mobile to be the same width. Since the images of the phones are actually background photos, changing the height of the sections on mobile causes them to shrink and moves them towards the center of the screen. I like that the images are mostly out of frame on mobile since there is much less screen space, so if there is a way to keep them like that and just fix the height of the sections, that would be lovely!!
To anyone that could that help me, thank you so so much in advance!
@tuanphan Nevermind! I figured it out! It was an issue with the amount of space the titles and descriptions took up in each section. I revised them so they each use the same amount of lines/space. Tha
Question
Sierracc 1
Site URL: https://www.sierraccook.com/
Hello everyone!
I am struggling to figure out how to change the height sections on mobile. On a desktop, the large height sections look great, but on mobile they are spread way too far apart.
This is the amount of space on a desktop:
And this is the amount of space on mobile:
I would like for the distances to be about the same on both screens, and would also like for the images on mobile to be the same width. Since the images of the phones are actually background photos, changing the height of the sections on mobile causes them to shrink and moves them towards the center of the screen. I like that the images are mostly out of frame on mobile since there is much less screen space, so if there is a way to keep them like that and just fix the height of the sections, that would be lovely!!
To anyone that could that help me, thank you so so much in advance!
Edited by Sierraccgrammar
Link to post
Top Posters For This Question
3
1
Popular Days
Dec 13
3
Dec 11
1
Top Posters For This Question
Sierracc 3 posts
tuanphan 1 post
Popular Days
Dec 13 2020
3 posts
Dec 11 2020
1 post
Popular Posts
tuanphan
Add to Home > Design > Custom CSS @media screen and (max-width:767px) { [data-section-id="5fc983babe6684539de08e06"] { min-height: 20vh !important; } [data-section-id="5fc983babe6684539d
Sierracc
@tuanphan Nevermind! I figured it out! It was an issue with the amount of space the titles and descriptions took up in each section. I revised them so they each use the same amount of lines/space. Tha
Posted Images
3 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