Remove links on specific pages using code injection

Themes
1

New to Ghost and this forum. I just created a lead page. Could anyone advise how to remove these on a specific page (not sitewide)?

  1. Navigation links in header
  2. Sign up form link in footer
  3. Subscribe button that’s floating on each page

Thank you in advance!

2

Welcome to Ghost and the forum, @jdeninger!

It depends on your theme.

Assuming the site in question is the Ghost blog I found by Googling your username, this snippet should work, added the the page-specific site injection:

<style>
.gh-portal-triggerbtn-iframe,
.gh-head-menu,
/* .gh-head-logo, */ /* <-- uncomment to hide logo */
/* .gh-head-members, */ /* <-- uncomment to hide signing and subscribe links in header */
/* .gh-head-actions, */ /* <-- uncomment to hide search icon */
.gh-head-menu,
.nav-sign-up {
    display: none !important;
}
</style>
3

Thank you for sharing the code!

1 Like