I cannot find the data-section-id's of my website, neither can the Squarespace ID Finder extension

https://loveeveryleaflandscapedesign.com/

I want to create multiple page sections, half for desktop and half for mobile. With code I want to hide depending on what device is being used, but I can't find the data-section-id of these pages. Anyone has an idea what is going on?

Address you using the chrome extension?

https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71

You can use your browser code inspector to find the section you want to work with. You might do something like this using the section data id:

//do something with a section
section[data-section-id="64f7fc55707fb51d61245c85"]
{
 display:none;
}

On 10/5/2023 at 4:23 PM, creedon said:

You are not finding data-section-ids on your site with Squarespace ID Finder because v7.0 sites don't have sections. Sections are a v7.1 feature.

Thanks! I found a way around it, just makes my code a bit longer, but it works 😉

On 10/6/2023 at 10:37 PM, Sinned98 said:

Thanks! I found a way around it, just makes my code a bit longer, but it works 😉

Hi, 

Was following this video to hide footer section in some pages. 
I was looking to hide the top section of my footer in certain pages.
However since 7.0 doesn't have a section id - is there an way to call this section out?

Thank you very much! appreciate any help. Very new to website coding!

1 hour ago, Naoms said:

However since 7.0 doesn't have a section id - is there an way to call this section out?

Depending on the template, there are ways to target sections. For example, with Brine family temples, you can use the page URL slug since index pages have sections made up of pages.

21 hours ago, Ziggy said:

Depending on the template, there are ways to target sections. For example, with Brine family temples, you can use the page URL slug since index pages have sections made up of pages.

Thanks! not sure which template this was on but code below worked to hide footer top section on all pages (adding it to CSS)!

#footerBlocksTop {
    display: none;
}