Buttons not working on mobile view anymore

Site URL: https://www.thesoaresprotocol.com/

Hi guys!

I just realized my buttons (donation, contact etc...) stopped working on mobile (Galaxy S21). They still work on the desktop.

Any idea on what's wrong? Thank you guys!

Also I noticed it only affected the ones on the homepage.

@media screen and (max-width: 5000px) {
  /* Display burger icon at all widths and align right
  */  
  .header .header-burger {
    display: flex;
    order: -2 !important;
  }
  /* Make burger menu visible at all widths */  
  .header--menu-open .header-menu {
    opacity: 1;
    visibility: visible;
  }
  /* Center logo in mobile device */
  .header-title {
    text-align: left !important;
  }
  /* Hide primary navigation menu */ 
  .header .header-title-nav-wrapper .header-nav {
    display: none;
  }
}

.sqs-block-image .design-layout-card img, .sqs-block-image .design-layout-card .image-overlay  {
  border-radius: 50%;
}
a {background-image:none !important;}

/* whoami tablet */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-6f709fdd53750ca45683 {
    padding-left: 0;
    padding-right: 0;
}
}

.homepage a#site-title {
    visibility: hidden;
}

/* Space between press - image - suscribe-who am i */
@media screen and (max-width:767px) {
[data-section-id="6064dea9d9639c6b231d1b05"] {
    min-height: 30vh !important;
    height: 50vh;
}
}

/* center popup mobile */
@media screen and (max-width:767px) {
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide * {
    text-align: center !important;
}
}

So I tried to remove those codes from my CSS and no more issues with the buttons, links and social media icons on my homepage.

Is there a conflict within this custom CSS code? Maybe it could be rewritten differently?

Thank you

I proceeded by elimination, removing portions of the codes and it looks like this is the problem here:

/* Space between press - image - suscribe-who am i */
@media screen and (max-width:767px) {
[data-section-id="6064dea9d9639c6b231d1b05"] {
    min-height: 30vh !important;
    height: 50vh;
}
}

Any ideas?

Hey 🙂

I removed the code for now. But it was pretty useful (removing blank space on mobile view). Let me know if you need me to replicate the issue. 

Thank you.