Large Gaps Between Text & Images (Slideshows) on Mobile Version Of Portfolio Website

thuerta · June 14, 2021

Site URL: https://tiffanyhoshihuerta.com/

On the mobile version of my portfolio website, specifically where I utilize a slideshow for my images, there is a large block of white space before and after (as shown in the attached images). Does anyone know what the cause of this is, and how to fix it? I would really appreciate the help. Thanks in advance!

tuanphan · June 15, 2021

Hi. Can you share link to a page where you use slideshow? We can check easier

I checked homepage & dont see any slides

thuerta · June 16, 2021

On 6/15/2021 at 12:19 AM, tuanphan said:

Hi. Can you share link to a page where you use slideshow? We can check easier

I checked homepage & dont see any slides

https://tiffanyhoshihuerta.com/work/in-my-feels

https://tiffanyhoshihuerta.com/work/art-book

https://tiffanyhoshihuerta.com/work/paulas-choice

These three pages. Thanks so much for looking into it!

tuanphan · June 17, 2021

5 hours ago, thuerta said:

https://tiffanyhoshihuerta.com/work/in-my-feels

https://tiffanyhoshihuerta.com/work/art-book

https://tiffanyhoshihuerta.com/work/paulas-choice

These three pages. Thanks so much for looking into it!

Try adding to Design > Custom CSS > Then save & reload the site

/* Mobile-resize slideshow */
@media screen and (max-width:767px) {
.gallery-slideshow {
    height: 35vh !important;
}
}

thuerta · June 17, 2021

Thank you so much! That worked perfectly 🙂

Large Gaps Between Text & Images (Slideshows) on Mobile Version Of Portfolio Website

Recommended Posts

thuerta

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

thuerta

Link to comment

tuanphan

Link to comment

thuerta

Link to comment

Create an account or sign in to comment

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources