Narrative Theme. Want to truncate extra space under Hero forced width.

Solved
Excursionist
18 3 8

I managed to modify the hero banner width for mobile users. As you can see, this leaves an on responsive section. I think I have identified the area responsible for this in the CSS. Was hoping someone could steer me in the right direction to solving this issue. Any help is greatly appreciated.

 

 

 

Screenshot_20200919-172042.pngCode.png

0 Likes
Highlighted
Shopify Partner
206 4 16

Hi, it will be done by custom coding

If helpful then please Like and Accept Solution.
Do you need custom changes on the store or want a complete speed optimization? Hire me.
Need a dropshipping expert or wants to alive your dead dropshipping store?
Feel free to contact me at Syedmustafanadeem99@gmail.com
0 Likes
Highlighted
Excursionist
18 3 8

No disrespect to you, I understand that you're trying to make a living. I want to learn how to do these things, not pay for the answer.

0 Likes
Highlighted
Excursionist
18 3 8

This is an accepted solution.

Figured it out.

 

Change:

.slideshow--adapt .slideshow {
  @include media-query($small) {
    max-height: 125vw;
    min-height: 75vw;
  }
}

 

to

 

.slideshow--adapt .slideshow {
  @include media-query($small) {
    max-height: 125vw;
    min-height: 0vw;
  }
}

 

 

And

 

Change

 

.slideshow__text-content-mobile {
  text-align: center;
  margin: 15px 0 50px;

 

to

 

.slideshow__text-content-mobile {
  text-align: center;
  margin: 0px 0 0px;

Screenshot_20200919-190255[1].png

0 Likes