Remove space above video

Store Design
, ,
1

Hi, can anyone help me remove the white space above my banner video? without effecting other pages as well.
Tried this, but it effects the whole website

main#main { margin-top: 0 !important; }

Password: sasa

Daniel19901_0-1727420988982.png
Daniel19901_0-1727420988982.png400×115 10.2 KB

2

Hi @Daniel19901 ,

Hi

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before 
{% if template == 'index' %}

{% endif %}

websensepro_0-1727421439190.png
websensepro_0-1727421439190.png1365×560 101 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

3

Hey @Daniel19901

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

{% if template == 'index' %}

{% endif %}

RESULT:

Moeed_0-1727421432021.png
Moeed_0-1727421432021.png1892×875 57 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Hi @Daniel19901 ,

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

Step 2: Search file theme.liquid

Step 3: Add this code before tag:

{% if template == 'index' %}

{% endif %}

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 :heart_eyes:

5

Hi @Daniel19901
Please use this CSS. I hope that will resolve the space issue.

.template-index main#main {
margin-top: 0 !important;

}