Mobile version not loading

Hi everyone,

I am looking to have my mobile version of my case study look differently to the desktop version. In order to do this, I used this code to hide all the sections I didn't want to show up in desktop:

@media (min-width: 768px) {
section[data-section-id="6437290d847f717cb3799d2f"], section[data-section-id="6437290d847f717cb3799d32"], section[data-section-id="64374a6f18e64e74904babe2"],
  section[data-section-id="6439d399e8e5697b8f362edb"],
  section[data-section-id="6439f327e8e5697b8f3a17f2"], section[data-section-id="643ae5724fda0f1c00304733"], section[data-section-id="643affe02918882dc8bc6372"], section[data-section-id="6437290d847f717cb3799d2c"]{
    display: none;
  }
}

and this code for the one section to not load in mobile:

@media screen and (max-width:767px) {
    section[data-section-id="6579fda50ca4271cf11fd276"] {
        display: none;
}
}

However, this is causing loading issues in the mobile version of the case study (desktop is fine). My question is, is this something that can be fixed with code or will I have to look for another solution? 

Here is the link to the case study in question: https://www.dharamistry.ca/the-krusty-krab

Thank you!

Hi,

What is problem on mobile?

2 minutes ago, tuanphan said:

Hi,

What is problem on mobile?

The loading on mobile does not seem to work. It loads the first few images and then tries to reload until it crashes and gives an error.