Cambo1213 0 Share Posted February 22 Site URL: http://bontafriends.com None of the pictures are resizing for mobile. I added the code below which worked for the homepage banner, but not any of the other banners or pictures on the website. I suck at coding, can anyone help? @media screen and (max-width:767px) { .homepage #page section:first-child { min-height: 40vh; height: 35vh; } } Link to post
0 tuanphan 9,586 Share Posted February 28 On 2/23/2021 at 12:36 AM, Cambo1213 said: Site URL: http://bontafriends.com None of the pictures are resizing for mobile. I added the code below which worked for the homepage banner, but not any of the other banners or pictures on the website. I suck at coding, can anyone help? @media screen and (max-width:767px) { .homepage #page section:first-child { min-height: 40vh; height: 35vh; } } Hi. Which banners you want to resize? Can you share link to all pages? And what is access password? We can help easier. Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 Cambo1213 0 Author Share Posted March 8 Hey Tuanphan, thanks for the reply. The image on kikstarter page half way down, will not resize. @media screen and (max-width:740px) { [data-section-id="602d0cfd3f845d30031f71b0"] { min-height: 30vh !important; height: 41vh; } } bontafriends.com Password : BF Link to post
0 tuanphan 9,586 Share Posted March 20 On 3/9/2021 at 3:20 AM, Cambo1213 said: Hey Tuanphan, thanks for the reply. The image on kikstarter page half way down, will not resize. @media screen and (max-width:740px) { [data-section-id="602d0cfd3f845d30031f71b0"] { min-height: 30vh !important; height: 41vh; } } bontafriends.com Password : BF Hi. Add to Design > Custom CSS /* resize kikstarter images */ @media screen and (max-width:767px) { [data-section-id="60495c548cda0250b83a7480"] { min-height: 20vh !important; } [data-section-id="60495d4285d6db48887ec321"] { min-height: 30vh !important; } [data-section-id="6049601b0f3e4729eb7fea57"] { min-height: 30vh !important; } } Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
Cambo1213 0
Site URL: http://bontafriends.com
None of the pictures are resizing for mobile. I added the code below which worked for the homepage banner, but not any of the other banners or pictures on the website. I suck at coding, can anyone help?
@media screen and (max-width:767px) {
.homepage #page section:first-child {
min-height: 40vh;
height: 35vh;
}
}
Link to post
Top Posters For This Question
2
2
Popular Days
Feb 22
1
Feb 28
1
Mar 8
1
Mar 20
1
Top Posters For This Question
Cambo1213 2 posts
tuanphan 2 posts
Popular Days
Feb 22 2021
1 post
Feb 28 2021
1 post
Mar 8 2021
1 post
Mar 20 2021
1 post
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