- DISPLAY MENU ON COVER PAGE SQUARESPACE HOW TO
- DISPLAY MENU ON COVER PAGE SQUARESPACE CODE
- DISPLAY MENU ON COVER PAGE SQUARESPACE FREE
Instead of adding your custom CSS into this section here, we’re actually going to go into the page specific CSS. Specifically, if you’re using those pages as landing pages and you plan on creating quite a few of them.
DISPLAY MENU ON COVER PAGE SQUARESPACE HOW TO
So, you can see, I just got rid of that section again, not sure why you’d want to do that, but maybe on a particular page, you want to hide a section for some reason, this just sort of shows you how to do that.Įven though this method works really well, there’s a better way I found to hide headings on particular pages. Typically, you don’t want to hide sections on a page, but I just want to show you what this looks like. So instead of targeting this collections header, we could also target a particular section. And you can do that with any section on any page. You can see the about page still has the header, but the homepage should be missing the header because we hit that with custom CSS. It looks like we have an about page here. So, I’m not sure what other pages we have available. And if I hit save and we go check out another page on this site, let’s see, this is a demo site here. Now, it’s hiding just the header from this particular page.
But now you can see, I still need the word header that was hiding the entire collection. And then I’m going to paste that into this section here, right where I had header before. If I want only the header hidden from this particular page, I’m going to make sure I’m on the right page.Īnd I’m going to click this collection ID up at the top. I’m going to click on this extension, and you can see all these little pop-ups appear on the page. Very, very handy for anyone who is tinkering behind the scenes in Squarespace.
DISPLAY MENU ON COVER PAGE SQUARESPACE FREE
It’s a free extension, you can find in the Google Chrome app store. I’m going to come over here to my Squarespace ID finder extension. So, I’m going to delete header here, which again is targeting every single header on every page of my web. If I want to hide a specific section on a particular page, I need to be able to tell Squarespace in the custom CSS, which section I want to hide. The only problem with this is you probably don’t want your header removed from every single page. We get the header back at the time.Īnd if I add it again, we’re going to see that it disappeared.
DISPLAY MENU ON COVER PAGE SQUARESPACE CODE
You can see, delete this little bit of custom code here and hit save. And what this does is it’s going to hide the header section on every single page of our website. And then inside of the brackets here, it says display colon none. Then, you’re going to add this teeny, little bit of code here. So, stay tuned.įirst, we’re going to go into our design settings and click on custom CSS. All of them involve a little bit of custom CSS, but it’s super simple. Now, I’m going to show you a few different ways to do this in the backend of Squarespace. And in today’s video, we’re going to be talking about how to remove the header section from a specific page on your Squarespace website.
0 kommentar(er)
