• Resolved earnesthomeco

    (@earnesthomeco)


    Hi There!

    I am using the Sela theme (love it!) but would like to have certain pages (membership login pages and email confirmation pages, etc) that do not show the header and menu bar.

    Is this possible?

    Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Sure! Just create a custom menu and add only the pages you want.

    https://codex.wordpress.org/WordPress_Menu_User_Guide

    Once you create a custom menu and assign it to the theme, it will replace the default menu which displays all your pages.

    Thread Starter earnesthomeco

    (@earnesthomeco)

    Hi Kathryn –

    Oop! I don’t think want I want to do was clear… I want to hide the menu and top header on certain pages only. For example, I am creating a membership login page and I don’t want the header or menu to show up at all.

    Thanks!

    Ah – sorry, I completely misunderstood!

    You can hide the header & menu sections on specific pages using this CSS syntax:

    .page-id-25 .site-header, .page-id-30 .site-header {
      display: none;
    }

    Replace the page IDs with your actual pages – you can grab the numbers from the browser’s address bar when you’re editing the page, or in the body tag when you’re viewing the browser source.

    Let me know if this is more along the lines of what you wanted!

    Also a heads-up, don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

    Kathryn, you truly are a Happiness Engineer. After more than more than an hour looking and trying options I came across this page. Your fix worked like a charm.

    Moderator Kathryn Presner

    (@zoonini)

    mraminini – wonderful to hear, I’m glad it was helpful!

    I hope you don’t mind that I’m chiming in on this thread but I’ve found it more productive than starting new ones lately!

    This is the only thing I’ve tried that worked – except it only hid my logo on the page and not my menu. Is there something more that I can add to the code to get it to hide the entire menu?

    This is the page I want to hide the menu on: Body By Brittney

    Moderator Kathryn Presner

    (@zoonini)

    I hope you don’t mind that I’m chiming in on this thread but I’ve found it more productive than starting new ones lately!

    lovelybrittney – please do start a new thread. 🙂 I’m going through old ones in rough chronological order, thanks in advance for your patience.

    https://wordpress.org/support/theme/sela#postform

    Moderator Kathryn Presner

    (@zoonini)

    lovelybrittney – I just noticed your site isn’t running Sela, which is the theme this forum is for. CSS is theme-specific so try asking for help in your own theme’s forum or whatever support route is provided. Looks like it’s called Foodie Pro and is a Genesis child theme.

    http://my.studiopress.com/themes/foodie/

    Good luck!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to hide Header & Menu on certain pages’ is closed to new replies.