Slideshow does not resize or fit the home page for debut!

Solved
Excursionist
45 0 2

Hello everyone!

 

The size of my slideshow is medium but it does not seem to fit the main page like before and you can't see the slider unless I scroll down. The header was fixed recently and I am not sure how to fix the sizing issue. 

 

I have attached a photo of my desktop on the homescreen.

 

Thanks in advance!

 

Help.jpg

0 Likes

Hello 

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Excursionist
45 0 2

Sorry!

 

It is petgrotto.com

password: pruflower

0 Likes
Shopify Expert
665 170 199

Hey @Konthy

This is Evita from OnTheMap

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

 

.index-section--slideshow {
    margin-top: 0rem!important;
}
.slick-track {
height: 100%!important;
}

 

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Excursionist
45 0 2

Hello!

 

Thanks for the reply. I added the code but it is still the same.

0 Likes
Shopify Expert
665 170 199

I'm sorry, I did not understand the issue, do you want the slider to be smaller and fit in the height of the screen?

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes

Success.

Shopify Expert
665 170 199

You can try something like this:

@media only screen and (min-width: 750px) {
  .slideshow--medium {
      height: calc(100vw - 60rem)!important;
   }
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Excursionist
45 0 2

Thank you for the help! Much appreciated :)

0 Likes