Remove menu header from page

  • Resolved jasminecross11

    (@jasminecross11)


    8 years, 1 month ago

    Hi,

    My menu which is visible at the top of my website contains an ‘about’ section. When you click on this menu you get taken the relevant ‘about’ page. On this page it says ‘ABOUT’ which I don’t want. I just want to have the text about me without the word ‘ABOUT’ at the top. How can I remove it from the page (but keep it in the main menu)?

    Hope this makes sense!

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi @jasminecross11!

    You can hide the title with some CSS. If you want to hide the title on only that page, you’ll need to grab the page ID number.

    On the Pages list in your dashboard, you can hover your mouse over the ‘Edit’ link for your About page. Look in the bottom corner of your screen while hovering for the address the link leads to. In that address you’ll see the post ID (something like ?post=125 for example).

    Armed with that, you can write some CSS to target that page’s title:

    .page-id-125 .entry-title {
    display: none;
}

    Swapping out your own ID number, of course ??

    Thread Starter jasminecross11

    (@jasminecross11)

    That worked perfectly, thank you!!

    You’re welcome! ??

    Thread Starter jasminecross11

    (@jasminecross11)

    Hi, I know this is an old thread, but the topic is relevant again…I am having trouble hiding the title on one of my pages. I can hide the titles from all the other pages using the code you gave me, but on my portfolio page (using jetpack) that code doesn’t work. Is there anything else I can do? My site isn’t quite live yet so I can’t give you a link.

    Hey! ??

    If you’re looking at the yoursite.com/portfolio page, that’s a page that gets generated by WordPress, so it doesn’t have an ID number that works the same way.

    You can try using this instead:

    .post-type-archive-jetpack-portfolio .page-header {
    display: none;
}

    The other option would be to create a page the normal way, and use the Portfolio Page Template.

    Thread Starter jasminecross11

    (@jasminecross11)

    Hi Chad,

    I already had my portfolio set up as a page and that code doesn’t work either. My site isn’t quite ready, but I’ll set it to live just so you can have a quick look yourself to see if you might have another suggestion – https://www.jasminecross.co.uk

    Thanks

    Thanks for making your site visible.

    Right now, you have this CSS successfully hiding all page titles:

    .page-title {
    display: none;
}

    To hide the portfolio page title specifically, you can add your page ID to the code:

    .page-id-126 .page-title {
    display: none;
}

    Each page has it’s own ID number, so the code for your About page won’t work on the Portfolio page without updating the ID ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove menu header from page’ is closed to new replies.