Transparent Header for a specific page

Site URL: https://lifelab.world/landing-page-sample-1

Hello everyone!

I need some help. I am having a hard time fixing this extra space on my header on this specific page only. 😐 Please see photo attached. I wanted to have it transparent so the gallery photos can bleed through. 

I have tried the following codes:

1.

header.Header--bottom {
    background-color:transparent!important;
}

2.

[data-collection-id="623066c3259d593e990d4272] {
    padding-top: 0px !important;
}

I'm not sure what I'm doing wrong. 😞 Thank you so much in advance for your help.

29 minutes ago, Jia said:

Hi, when I checked the page via the inspector tool, it seems that you have a spacer block which is causing the extra space:

You can delete the block or add this code:

#block-yui_3_17_2_1_1647347400126_6450 {
  display:none;
}

Let me know how it goes 🙂 

It works! I have been trying to put the correct block-yui. But I was really confused. Thank you so much @Jia

Hi @Jia
Thank you for helping me. I do have another question.  Whenever I add the @media screen and (max-width: 640px). It does not apply to mobile view. It still has a gap on the navigation bar whenever I view on mobile.

@media screen and (max-width: 640px)
 #block-yui_3_17_2_1_1647347400126_6450 {
  display:none;
}

Thank you again in advance!

1 hour ago, Naomi-lifelab said:

Hi @Jia
Thank you for helping me. I do have another question.  Whenever I add the @media screen and (max-width: 640px). It does not apply to mobile view. It still has a gap on the navigation bar whenever I view on mobile.

@media screen and (max-width: 640px)
 #block-yui_3_17_2_1_1647347400126_6450 {
  display:none;
}

Thank you again in advance!

No worries, add this code for mobile:

@media screen and (max-width: 640px) {
  .sqs-row+.sqs-row .sqs-block:not(.float):first-child {
    padding:0px !important;
  }
}

18 hours ago, Jia said:

No worries, add this code for mobile:

@media screen and (max-width: 640px) {
  .sqs-row+.sqs-row .sqs-block:not(.float):first-child {
    padding:0px !important;
  }
}

Thank you so much @Jia