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

Поделиться
HTML-код
  • Опубликовано: 12 дек 2024

Комментарии • 19

  • @EricaBurnsHealth
    @EricaBurnsHealth 9 месяцев назад

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

  • @HelloHotFlashPodcast
    @HelloHotFlashPodcast 7 месяцев назад

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

  • @whitneyskitchenyum
    @whitneyskitchenyum 9 месяцев назад

    Thank you for sharing! It worked easily!

  • @jessdawson7148
    @jessdawson7148 5 месяцев назад

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

  • @PeterShragg
    @PeterShragg 10 месяцев назад

    Very helpful and to the point. Thank you.

  • @developerzahir
    @developerzahir 9 месяцев назад

    great tutorial

  • @andrewc.gillick3931
    @andrewc.gillick3931 7 месяцев назад

    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  7 месяцев назад +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;

  • @mcalexanderciceron619
    @mcalexanderciceron619 10 месяцев назад

    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  10 месяцев назад

      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 9 месяцев назад

    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  9 месяцев назад +1

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

    • @Outandaboutphill
      @Outandaboutphill 9 месяцев назад

      All sorted. Thanks for your reply.

  • @AndrewAlbright-q9m
    @AndrewAlbright-q9m 11 месяцев назад

    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  11 месяцев назад

      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 4 месяца назад

      Hi, were you able to revert it back?

  • @AundraWilliams
    @AundraWilliams 5 месяцев назад

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

  • @ronisedaluz2355
    @ronisedaluz2355 7 месяцев назад

    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  7 месяцев назад

      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}