Why does my image banner overlap into the next section on my dawn theme?

[Zeblox]

Hello,

Im trying to add different sections to my dawn theme. but everytime i try to do it the section before it bleeds into the next section. It happens with any image.

I added this code to section-image-banner.css : 

}
@media screen and (max-width: 749px) {
.banner__media {height: 100vh !important;}
.slider.slider--everywhere .slider__slide {height: 100vh !important;}
}

But i like how it made the pictures in my sliders longer.


Here is the problem


As you can see it overlaps with the next section.

Any kind of help would be appreciated. Thank you!

[Liquid_xPert_SJ]

@Zeblox 

your store url with store front password?

thanks

[manan123]

hii, can you please help me my cart drawer delete button does not working ...please help!

My store URL :https://mansaroverfurnishings.com/

[Liquid_xPert_SJ]

@manan123 

can you please add the css code into your base.css file

.cart-drawer .cart-item__totals {
	pointer-events: unset !important;
}

thanks

[manan123]

Thanks It worked

[manan123]

i need one more help , i want to hide those arrows in mobile devices .Please help me with the code..See screenshot for reference, 

My Store Link: https://mansaroverfurnishings.com/

[Fridaystore]

I am having a similar issue I added a video banner with code from this article https://shopidevs.com/add-shopify-video-to-banner-section/ and it worked but its bleeding off the page. https://forever-friday.com/ pw:itsfriday

I just want it contained to the original image banner sizing.

[sadik_ShopiDevs]

Hello @Fridaystore 

Please follow these steps to adjust the video size:

Step 1: Go to Shopify Admin → Online Store → Themes → Edit Code.

Step 2: Open the base.css file (or theme.css if that’s the one you’re using).

Step 3: Scroll to the bottom of the file and add this code:

.videoBackground .fullscreen-video-wrap .video-js {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: -1;
}

Step 4: Click Save and check your site.

After adding the code, if your issue is not solved, feel free to inbox me. I’d love to adjust it for you! 😊

– Sadikur from ShopiDevs