Hiding footer on single page

  • Resolved ccredicott

    (@ccredicott)


    2 years, 7 months ago

    What CSS can be used to hide the footer on just a single page? This CSS hides both the header and footer on a single page. What adjustment can I make to just hide the footer?

    .page-id-878 .header-footer-group {
    display: none !important;
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Twentig

    (@twentig)

    Hi,

    To hide the footer of the Twenty Twenty theme, you can use the following CSS code:

    .page-id-878 #site-footer {
    display: none !important;
}

    If you also need to hide the widgets area above the footer:

    .page-id-878 .footer-nav-widgets-wrapper {
    display: none !important;
}

    Hope that helps,
    Diane

    Thread Starter ccredicott

    (@ccredicott)

    That worked great for the widget area! Unfortunately, it didn’t work for the footer. Any other thoughts with that?

    Plugin Author Twentig

    (@twentig)

    This CSS code should work, I’ve tried it successfully on my side. So would you please share your website’s URL so I can see what the issue is?

    Thanks

    Thread Starter ccredicott

    (@ccredicott)

    The page I’m trying to remove the footer on is https://atypicalwellness.com/links/

    Plugin Author Twentig

    (@twentig)

    Thanks for the link. For some reason, the code on your site has an unwanted   character which makes the code invalid.

    Replace the previous code by this one:
    .page-id-878 #site-footer, .page-id-878 .footer-nav-widgets-wrapper { display: none !important; }

    Hope that helps.

    Thread Starter ccredicott

    (@ccredicott)

    That worked perfectly! Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Hiding footer on single page’ is closed to new replies.