Jump to content

Mobile version not loading

Recommended Posts

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!

Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.