Trying to hide text on mobile only - what am I doing wrong?

@tuanphan I'm trying to remove this paragraph on mobile only so it condenses for an easier read on this page. I tried looking through the forum to create CSS to display: none but seem to be typing in the wrong sections because it doesn't hide anything. 

What am I doing wrong? Probably selecting the wrong thing...

/* hide text on mobile page */

@media screen and (max-width:767px) {

div#block-yui_3_17_2_1_1692044036679_453 {

    display: none;

}

}

website: https://cymbals-tan-fkf5.squarespace.com/  (liposuction page)
PW: halpme

Your block ID isn't correct. Try this:

@media only screen and (max-width:767px) {
  #block-7f6f84971868ce4169d2 {
    display: none;
  }
}

@Ziggy Thank you for the insight! Now how do I get this to disappear so it creates a looks a look of just that headline without an empty space under it?

@Ziggy Hmmmm ok I tried to replicate this on another page but it's not working. Did I select the wrong code again?

Web page: https://cymbals-tan-fkf5.squarespace.com/malechest
PW: halpme

Used but its not disappearing:

@media only screen and (max-width:767px) {

  #block-c4f07081e4e9ccd85c39 {

    display: none;

  }

}

No, it looks like you have the right code, try refreshing your page, usually helps.

@Ziggy 🥲 nope still there...

On 8/17/2023 at 12:36 AM, nicki-patsios said:

🥲 nope still there...

It is fine to me. Try checking on incognito window

It didn't work when I tried to apply to other pages @tuanphan @Ziggy.

Need to do the same thing to these pages:
https://www.drjohnhsu.com/malechest
https://www.drjohnhsu.com/breast
https://www.drjohnhsu.com/minitummy-tuck
https://www.drjohnhsu.com/tummytuck-otherbody
https://www.drjohnhsu.com/fat-transfer
 

On 9/19/2023 at 6:38 AM, nicki-patsios said:

It didn't work when I tried to apply to other pages 

Need to do the same thing to these pages:
https://www.drjohnhsu.com/malechest
https://www.drjohnhsu.com/breast
https://www.drjohnhsu.com/minitummy-tuck
https://www.drjohnhsu.com/tummytuck-otherbody
https://www.drjohnhsu.com/fat-transfer
 

Each block will have a different block id, you can use this tool to find ID and use similar code on other pages

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

@tuanphan @Ziggy

I swear I'm not trying to be a problem child. 🫠

Website: https://www.drjohnhsu.com/malechest

I used this code and nothing is happening. Here is a screenshot of me inspecting and everything. What am I doing wrong? It shows <div class="fe-block fe-block-c4f07081e4e9ccd85c39">

@media only screen and (max-width:767px) {

  #block-c4f07081e4e9ccd85c39 {

    display: none;

  }

}

Can you paste all of your Custom CSS here? I can't tell from the screenshot but you may have an extra } after?

@Ziggy here the chaos 😆

.sqs-block-accordion .accordion-item__title {
    line-height: 1.8em !important;
}
/* Homepage header transparent */
body.homepage header#header {
    background-color: transparent !important;
}
/* Mobile - Homepage - Top video */
@media screen and (max-width:767px) {
[data-section-id="64d535c47131067e93d2956b"] .html-block {
    visibility: hidden !important;
}
}
@media only screen and (max-width: 767px) {
    footer p {
        text-align: center !important;
    }
    #block-3e2c8e6d315584c880a2 .social-icon-alignment-left .sqs-svg-icon--list {
        text-align: center !important;
    }
}
@media only screen and (max-width:767px) {
  #block-7f6f84971868ce4169d2 {
    display: none;
  }
}
/* Mobile - Homepage - Top video */
@media screen and (max-width:767px) {
[data-section-id="64d535c47131067e93d2956b"] .html-block {
    visibility: hidden !important;
}
[data-section-id="64d535c47131067e93d2956b"] video {
    position: absolute !important;
    object-position: 80% !important;
}
  
  @media only screen and (max-width:767px) {
  #block-c4f07081e4e9ccd85c39 {
    display: none;
  }
}
}
/* Mobile gallery image order */
@media screen and (max-width:767px) {
[data-section-id="64dbe3100225b33a0e282cc2"] {
figure.gallery-grid-item:nth-child(3) {
    position: relative;
    left: 100%;
}
figure.gallery-grid-item:nth-child(4) {
    position: relative;
    right: 100%;
}
  }
}
/* Hide logo when burger menu is open - all pages */
body.header--menu-open header#header img {
    visibility: hidden;
}

It looks like there were a few brackets in the wrong place, can you try this replacement:

.sqs-block-accordion .accordion-item__title {
    line-height: 1.8em !important;
}
/* Homepage header transparent */
body.homepage header#header {
    background-color: transparent !important;
}
/* Mobile - Homepage - Top video */
@media screen and (max-width:767px) {
  [data-section-id="64d535c47131067e93d2956b"] .html-block {
    visibility: hidden !important;
  }
}
@media only screen and (max-width: 767px) {
  footer p {
      text-align: center !important;
  }
  #block-3e2c8e6d315584c880a2 .social-icon-alignment-left .sqs-svg-icon--list {
      text-align: center !important;
  }
}
@media only screen and (max-width:767px) {
  #block-7f6f84971868ce4169d2 {
    display: none;
  }
}
/* Mobile - Homepage - Top video */
@media screen and (max-width:767px) {
  [data-section-id="64d535c47131067e93d2956b"] .html-block {
    visibility: hidden !important;
  }
  [data-section-id="64d535c47131067e93d2956b"] video {
    position: absolute !important;
    object-position: 80% !important;
  }
}  
@media only screen and (max-width:767px) {
  #block-c4f07081e4e9ccd85c39 {
    display: none;
  }
}
/* Mobile gallery image order */
@media screen and (max-width:767px) {
  [data-section-id="64dbe3100225b33a0e282cc2"] {
    figure.gallery-grid-item:nth-child(3) {
      position: relative;
      left: 100%;
    }
    figure.gallery-grid-item:nth-child(4) {
      position: relative;
      right: 100%;
    }
  }
}
/* Hide logo when burger menu is open - all pages */
body.header--menu-open header#header img {
    visibility: hidden;
}