How Do I Remove This Spacing On My Home Page?

How Do I Remove This Spacing On My Home Page?

timelessracing
Tourist
7 0 2

Hello, I would like to do this just for mobile. I want to remove the spacing shown by the arrow I drew on the image. It is on my home page. 

https://timelessracingco.com/

Screenshot 2024-09-11 at 7.54.59 PM.png

Replies 3 (3)

BSSCommerce-HDL
Shopify Partner
2292 842 1057

Hi @timelessracing

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
@media only screen and (max-width: 767px) {
    .background-video.mobile-height-500 {
        min-height: 350px !important;
    }
}
</style>

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

timelessracing
Tourist
7 0 2

Hey, this is what happens when I do that code: 

IMG_7933.jpg

timelessracing
Tourist
7 0 2

All i want to do is cut off some of the bottom while keeping the text as it is