Resize homepage slideshow/banner on mobile

Technical Q&A
1

Hi,

I recently switched over to Shopify from WIX. When using wix I was able to adjust the home page slide show banner sizing.

I tried googling and looking for code, all attempts failed sadly!

I’m on Debutify 2.0.2 theme and would love some help if possible. I believe the banner needs to be shorter on mobile to make it look correct and not crop out text etc.

Website is: www.grid-engineering.com

Thanks in advance!

  • Brandon
2

Hi @GRIDEngineering

Try adding this rule to the bottom of theme.scss.css

@media screen and (max-width: 769px) {
.hero {
    min-height: 100%;
}
}

Result on mobile

2021-08-13 14_35_50.png
2021-08-13 14_35_50.png529×781 111 KB

P.S. Great looking website!

3

Wow!!!

Thank you for the compliment and the fix!!! This is my first time posting here for support, much appreciated.

I see you’re in Toronto, shoot me a PM if you would like to maybe help us with the site ever on the side.

Cheers Nick

  • Brandon
1 Like