Support » Theme: Sydney » How do you remove a header menu from single page

Viewing 14 replies - 1 through 14 (of 14 total)
  • Hello Jer,

    To hide it globally on all your single pages, you can use this CSS code:

    
    .page .site-header { 
      display: none;
    }
    

    To apply it to your site, add it to Appearance > Customize > Additional CSS from your site dashboard.

    If it does nothing, there might be some instances which is blocking it to take effect. Make sure you clear site cache (if enabled) and clear your web browser cache/history. If none of them works, checkout this codex https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens

    Regards,
    Kharis

    Thread Starter jmathiesen

    (@jmathiesen)

    I’m trying to just remove it from a single landing page. I still would like it on all other pages. Should I clear cache and history and try the CSS from earlier forum posts?

    Thanks,
    Jer

    Thread Starter jmathiesen

    (@jmathiesen)

    Deleting browser history and cache worked.

    Big thanks!
    Jer

    Thread Starter jmathiesen

    (@jmathiesen)

    Hi Kharis,

    Is there any way to change the background color one single page. I would like the background color of all other pages to stay the same. I just want to change the background color of page id 333.

    Thanks in advance,
    Jer

    Thread Starter jmathiesen

    (@jmathiesen)

    Resolved

    Great!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

    Thread Starter jmathiesen

    (@jmathiesen)

    Sydney recently updated their theme and and now there’s a big light blue band at the top of my page above my page title. Did something go wrong with the custom CSS? Is the header back?

    http://www.jeremymathiesen.com/free-ebook/

    Thanks for your help,

    Jer

    Hello there,

    I would like to apologize in advance for the inconvenience. To remove it, please try adding this extra CSS code to Appearance > Customize > Additional CSS from dashboard.

    
    .header-clone {
      display: none;
    }
    

    This bug should be fixed permanently soon.

    Regards,
    Kharis

    Thread Starter jmathiesen

    (@jmathiesen)

    That worked.

    Thanks Kharis!

    Jer

    You’re welcome Jer.

    Hi there,

    I would like to remove the primary navigation from a specific page also. I tried adding your code:
    .page .site-header {
    display: none;
    }
    This completely removes the nav from my site.

    I would like:

    The Primary menu to show on one page and a different navigation that is not my primary menu on a second page.Is this possible, how would I do this please?
    Jen

    • This reply was modified 3 years, 12 months ago by jenrock.

    Hello Jen,

    Every page has a unique ID class selector attributed to the body tag. Use this to target specific CSS styles. So your code will look like this:

    
    .page-id-464 .site-header {
      display: none;
    }
    

    You can get the ID number (in my case 464) while editing it; in the web browser’s address bar you’ll see a URL that reads something like: yoursite.com/wp-admin/post.php?post=464&action=edit

    Regards,
    Kharis

    I tried to use this same CSS and it doesn’t see to do anything:

    .page-id-464 .site-header {
    display: none;
    }

    http://demandmarketingsolutions.com/go/dms-overview_general_ds/?lp-variation-id=0

    Can you please help?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @leahdms, Sorry that solution isn’t working for you. Please could you open a new thread about the issue you still face? https://wordpress.org/support/theme/sydney/#new-post

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘How do you remove a header menu from single page’ is closed to new replies.