Illusterre Posted November 11, 2022 Share Posted November 11, 2022 (edited) Hi! I am working on my new website but I noticed something and I don't know how to fix it. I have a portfolio page where I feature my work in a slideshow, and it looks perfect on the desktop version. However, when I look at the page in the mobile version, there is a lot of space between my slideshow section and the sections above and below. I think it has something to do with the fact that in the desktop version the hight of the slideshow (+ slideshow images) is fixed, but in the mobile version the width is fixed and the height differs. I added two pictures of what it looks like in the mobile version. Is there maybe a way to fix this? Thanks! Edited November 11, 2022 by Illusterre Link to comment
Illusterre Posted November 11, 2022 Author Share Posted November 11, 2022 32 minutes ago, Illusterre said: Hi! I am working on my new website but I noticed something and I don't know how to fix it. I have a portfolio page where I feature my work in a slideshow, and it looks perfect on the desktop version. However, when I look at the page in the mobile version, there is a lot of space between my slideshow section and the sections above and below. I think it has something to do with the fact that in the desktop version the hight of the slideshow (+ slideshow images) is fixed, but in the mobile version the width is fixed and the height differs. I added two pictures of what it looks like in the mobile version. Is there maybe a way to fix this? Thanks! I FOUND THE ANSWER: /* Mobile slideshow padding */ @media screen and (max-width:767px) { .gallery-slideshow { height: 30vh !important; }} tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment