Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Hide Page Section Within Index Page on Mobile


Callan

Question

Site URL: https://www.joquilter.art

Hi All, I'm trying to hide the logo section and title Who I've Worked With on this website on mobile devices. Haven't managed it yet.

Thanks for any help!

I've tried a few block and section ids but currently using this custom css code:

@media screen and (max-width: 640px) {
  #block-yui_3_17_2_1_1597015077596_71{
  display: none;
  }
}

 

Screen Shot 2020-08-10 at 9.22.51 am.png

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0
@media screen and (max-width:640px) {
  [data-collection-id="5db7b6228af28129ea45bb3c"],
  [data-collection-id="5f1911e5eca2744d8bdada81"] {
    display: none;
  }
}

 

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...