🚀 Remove the Header and/or Footer from ANY Squarespace Page (Copy + paste code!)

Поділитися
Вставка
  • Опубліковано 27 січ 2025

КОМЕНТАРІ • 19

  • @EricaBurnsHealth
    @EricaBurnsHealth 11 місяців тому

    This info is AMAZING! Just what I needed. Thank you!

  • @HelloHotFlashPodcast
    @HelloHotFlashPodcast 8 місяців тому

    Great video. Easy to follow and best of all - IT WORKS!!!!!! Thank you.

  • @whitneyskitchenyum
    @whitneyskitchenyum 10 місяців тому

    Thank you for sharing! It worked easily!

  • @PeterShragg
    @PeterShragg Рік тому

    Very helpful and to the point. Thank you.

  • @jessdawson7148
    @jessdawson7148 6 місяців тому

    Thank you! Can you hide it specifically for mobile view using code?

  • @developerzahir
    @developerzahir 10 місяців тому

    great tutorial

  • @andrewc.gillick3931
    @andrewc.gillick3931 8 місяців тому

    Thanks for sharing this! What's strange is that the code works on my site for the header, but not the footer... any tips?

    • @BigCatCreative
      @BigCatCreative  8 місяців тому +1

      What version are you using? Squarespace recently launched that you can turn your header on/off in the page settings! But only 7.1. If you're using 7.0 the code likley isn't working because the code for the footer is different. Also make sure to add the !important;

  • @AundraWilliams
    @AundraWilliams 7 місяців тому

    none of the codes work for me.. I must be doing something wrong

  • @mcalexanderciceron619
    @mcalexanderciceron619 11 місяців тому

    I've been trying everything for the past few days. The header and footer are still visible on the Home page. The header only disappears when I go to "edit" and change the color from "Solid" to "Adaptive" The header becomes transparent but I still can see the navigation bar on the homepage, which is fine because I want the slideshow to be full-width from top to bottom. Also, when I applied that code, the color of the text changed to white. It's fine for the homepage however the rest of my website is white the color of the text blends with the background and can't see the text of the navigation bar. The header is there when i click on the other page but I can't see the text.

    • @BigCatCreative
      @BigCatCreative  11 місяців тому

      Hello! I'm not sure why you're experiencing this as the code it still valid and working fine. It also won't change the color of your text. Do you have any other code that might be affecting your header? If you want us to troubleshoot this for you: bigcatcreative.com/extrasupport

  • @Outandaboutphill
    @Outandaboutphill 10 місяців тому

    Hi, I'm running version 7.1 and I'm getting a Syntax error just for the single line to remove the header.

    • @BigCatCreative
      @BigCatCreative  10 місяців тому +1

      There must be something wrong in your code, make sure you've copied the whole thing exactly

    • @Outandaboutphill
      @Outandaboutphill 10 місяців тому

      All sorted. Thanks for your reply.

  • @AndrewAlbright-q9m
    @AndrewAlbright-q9m Рік тому

    I accidentally deleted the headers and footers from my entire site and now Im not sure how to get them back. I was trying to create a home landing page. Do you know how I would get the headers and footers back?

    • @BigCatCreative
      @BigCatCreative  Рік тому

      Did you hide them with code? If so, then just remove the code and follow the steps in the video to target a certain page. If you're not using code then I'm not sure what you've done, I recommend reaching out to Squarespace support squarespace.com/support

    • @ivandaryllinfante1660
      @ivandaryllinfante1660 5 місяців тому

      Hi, were you able to revert it back?

  • @ronisedaluz2355
    @ronisedaluz2355 8 місяців тому

    ok, this worked for the footer, but the header. My exact code is. #collection-6642bc39032c4506699d8ad2 {.header {display:none}
    Footer {display:none}
    } did I do something wrong here?

    • @BigCatCreative
      @BigCatCreative  8 місяців тому

      Maybe your header code is different, it depends on the template you’re using. You can also try the important tag as in: .header {display:none!important}