Support » Fixing WordPress » How to remove menu bar and nav bar from a page

  • I want to remove nav bar and menu bar from this page

    [ redundant link removed ]

    I have added this code to the Additional CSS to try and remove the top menu using child theme but no luck.

    .post-28340 #masthead
    { display:none; }

    ALSO THESE

    .post-id-28340 #masthead
    { display:none; }

    Also these
    .page-id-28340 #masthead
    { display:none; }

    But no luck.

    • This topic was modified 2 years, 1 month ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi @hadija1,

    I used dev tools and when I selected the menu bar and the nav bar they were no #masterhead but:

    .top-bar and handheld-header-v2.handheld-stick-this.light

    Thus you will need:

    .page-id-28340 .top-bar {
        display: none;
    }
    
    .page-id-28340 handheld-header-v2.handheld-stick-this.light {
        display: none;
    }
     

    Let me know if this helped,

    Thread Starter hadija1

    (@hadija1)

    Hello @fakhriaz ,

    Thank you so much ,I actually tried the top-bar before but used “#” instead of “.”

    Just a quick one, if I am to apply the same changes to this page or any page. All I have to do is duplicate the code and put the right page ID?
    I did that for https://www.kakakii.com/blog/
    Like this;
    .page-id-307 .top-bar {
    display: none;
    }

    But did not work.

    • This reply was modified 2 years, 1 month ago by hadija1.
    • This reply was modified 2 years, 1 month ago by hadija1.

    Hi @hadija1,

    It should work I tested (https://www.kakakii.com/blog/) with dev tools. Be sure you used the right page ID.

    Besides, as a rule of thumb test with Chrome or Firefox dev tools to find a solution and know the code you should use.

    Check the selector by yourself and add the declaration in dev tools to see the results live.

    (And do not forget to add the page ID before the selector copied from dev tool in the custom CSS in WordPress Customizer.)

    Thread Starter hadija1

    (@hadija1)

    Hello @fakhriaz

    Please can you confirm what page Id you saw and used for the blog page to make changes{was it 307} .If you don’t mind.

    “(And do not forget to add the page ID before the selector copied from dev tool in the custom CSS in WordPress Customizer.)”; yea I do

    Hi @hadija1,

    You should have access to the WordPress dashboard to know your page id.

    Check this short tutorial with explanatory images: https://digitalharpreet.com/find-wordpress-page-id/

    Besides, you can use this plugin: https://wordpress.org/plugins/reveal-ids-for-wp-admin-25/#description

    Good luck,

    Thread Starter hadija1

    (@hadija1)

    Hello @fakhriaz ,

    Finding ID was not my problem, I just wanted to make sure I was not doing anything wrong and to fine out why the piece of code is not wotking.

    But thank for the links,it was good to know there was a plugin to help confirm whenever in doubt.

    I hope someone else can help me if not you.

    The piece of code below is not working to help remove top bar from blog page (https://www.kakakii.com/blog/) when added to Additional CSS and I don’t know why.

    .page-id-307 .top-bar {
    display: none;
    }

    • This reply was modified 2 years, 1 month ago by hadija1.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to remove menu bar and nav bar from a page’ is closed to new replies.