Need extreme help with slideshow Venture theme!

Solved
Highlighted
Excursionist
17 0 1

What's up Shopify community!

I have started two topics about this. Both without answer and I'm running out of time to get this fixed.

The problem is the slideshow at first showed up cropped, with some help from the community I added:

@media (max-width: 1080px){ 
.hero__image {
    object-fit: fill !important;
}
}
Now the full image is shown but it is distorted on smaller screens (especially mobile), like it's been shorted from the sides and the vertical height has to be changed. 
 
Site is bynti.com
 
 
 
Any help is appreciated!
Cheers
0 Likes
Highlighted
Excursionist
32 6 11

Hi,
I tried added max-height to slider and it seems to work on small screens. 

You should add these two queries,
@media (max-width: 960px){
    .hero--large { max-height: 43vh; }

}

@media (max-width: 560px){
    .hero--large { max-height: 29vh; }

}

 

Thanks,

 

Want to modify or custom changes on store hire me.
If my answer is helpful, Please Like and Accept Solution.
Buy me a coffee
1 Like
Highlighted
Excursionist
17 0 1

Yes!!

That works perfectly. Now the picture is just as I want it. But the text and buttons are abnormally large and take up almost a quarter of the picture. Would it be able to minimize them as well?

0 Likes
Highlighted
Excursionist
32 6 11

This is an accepted solution.

try moving that down a bit. 

using this css rule 

 

@media (max-width: 960px){
.hero-content-active .hero-content__controls {
    -ms-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}
.hero--large {
    max-height: 29vh;
    padding-bottom: 60px;
}
}

 

 

It will move the nav pointers down a bit and won't cover the slider. 

 

Want to modify or custom changes on store hire me.
If my answer is helpful, Please Like and Accept Solution.
Buy me a coffee
1 Like
Highlighted
Excursionist
17 0 1

Thanks a lot!

That solves everything. 

Cheers

0 Likes
Highlighted
Excursionist
28 0 3

Hey, sorry, noob question: what file do these lines you've given go in?

0 Likes