Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 27, 2014 at 3:11 pm #243843
    abortolotti

    Hi guys,

    is it possible to prevent the header and attached menu from showing up on specific pages within the site, while preserving it on all the others?

    It would be a very useful feature for some pages on my site. Maybe some quick CSS with the page ID would do?

    Thanks,

    Antonio

    March 27, 2014 at 4:05 pm #243857
    Yigit

    Hey Antonio!

    You can use following code to remove header from your FAQ page

    .page-id-2402 #header { display: none; }
.page-id-2402 .fixed_header.social_header #main {
padding-top: 0; }

    You can right click on Chrome or Firefox to inspect elements to find page ID http://i.imgur.com/HyPTCRg.jpg
    You can simply change the page id for other pages

    Regards,
    Yigit

    • This reply was modified 10 years ago by Yigit.
    March 27, 2014 at 4:07 pm #243860
    abortolotti

    Hey Yigit,

    thanks for the super quick reply!

    I see in your example there are two different page ids (2402 and 2401). Which one should I look at? I suspect I only have to change one.

    Antonio

    March 27, 2014 at 4:09 pm #243863
    Yigit

    Hi!

    I fixed it, page id of your FAQ page is 2402. Please try it now

    Regards,
    Yigit

    March 27, 2014 at 4:10 pm #243866
    abortolotti

    Great, Thanks! I’ll try it right away!

    Antonio

    March 27, 2014 at 4:13 pm #243869
    Yigit

    Hi!

    Sure, we are waiting to hear from you!

    Best regards,
    Yigit

    March 27, 2014 at 4:19 pm #243883
    abortolotti

    Working great, Yigit!

    Do I have to repeat the code within the quick CSS for every page I want the header to disappear or can I more easily add all the pages id in the following just once?

    .page-id-2402 #header { display: none; }
    .page-id-2402 .fixed_header.social_header #main {
    padding-top: 0; }

    March 27, 2014 at 4:21 pm #243885
    Yigit

    Hey!

    You can do as following 

    .page-id-2402 #header, .page-id-2403 #header, .page-id-2404 #header  { display: none; }
.page-id-2402 .fixed_header.social_header #main, .page-id-2403 .fixed_header.social_header #main, .page-id-2404 .fixed_header.social_header #main {
padding-top: 0; }

    Regards,
    Yigit

    March 27, 2014 at 4:22 pm #243887
    abortolotti

    Thank you so much! You are a star!

    Antonio

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Don't show Header and menu on specific page’ is closed to new replies.