Hide section on mobile 71.

Callan · October 16, 2023

Hello brains,

I'm using the following code to try to hide a section on mobile:

@media screen and (max-width:640px) {
section[data-section-id=“521f8bb33932843b56f8b05”] {
display: none;
}
}

But alas, it's still showing in mobile. Any ideas on what I'm doing wrong?

You can see my screenshot below.

Ziggy · October 16, 2023

The only error I can see is the type of quote marks you have in the section ID, try this fix:

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

Callan · October 16, 2023

Thanks again Ziggy, but that didn't seem to work.

Ziggy · October 16, 2023

You also had an error in the section ID you shared initially, I assumed that was correct, try this:

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

Callan · October 16, 2023

Wow, thought I had triple checked that. Thank you.

Recommended Posts