Hide wordpress bar

• 

  r5shsp46v9 · Member · Jul 11, 2023 at 11:44 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve set-up a one-pager website and at least on mobile there is still a wordpress related bar showing up, revealing the following items behind 3 dots:
  – Register
  – Login
  – Copy short link
  etc.

  I want to hide this. How do I do this if I a) have WordPress not installed locally but using Jetpack and b) don’t want to use a plugin as that would mean an additional plan ugrade?

  The automatic recommendation here was to add the following line of code to the custom/additional CSS, which I did without any change:
  [code lang=text]
  #wpadminbar {
  display: none !important;
  }
  [/code]

  WP.com: Yes
  Jetpack: No
  Correct account: Yes

  The blog I need help with is: (visible only to moderators and staff)

• 

  staff-dragon · Staff · Jul 11, 2023 at 8:53 pm

  • Copy link

  Hey there!

  While you can certainly hide the admin bar with CSS, I just wanted to note that it will only display to users signed in to a WordPress.com account. Regular visitors will see your site without the admin bar at the top.

  The code that was provided is almost correct. We can remove both [code lang="text"] and [/code] and the following should have the desired effect:

  #wpadminbar {
      display: none !important;
  }

  For additional information on the admin bar you can see our help doc here:

  

  Admin and Action Bars

  in WordPress.com Support

  3 min read

  You may have noticed a gray, blue, or black bar at the top of your pages when logged into your WordPress.com account. This bar is called the Admin Bar, an easy-to-access toolbar with shortcuts to some central WordPress.com dashboard pages. In the bottom right of your, or another, WordPress.com site, you will also see the Action Bar. This bar provides different shortcuts based on what page you’r

  I hope this helps!

• 

  r5shsp46v9 · Member · Jul 17, 2023 at 2:44 pm

  • Copy link

  Thank you Zach,
  
  Your help is appreciated.
  In addition meant the the menu showing up in the footer (as 3 dots on desktop and a bar on mobile), to login etc.
  I’ve now upgraded my plan to use a plugin for hiding both, which I’m not really happy about. But it got the result done. Somehow I missed the notification here.
  
  Now I still have a link in my footer that is using the title and linking to the one-pager itself. I’ve tried a couple of settings and plugins, but nothing worked. How can I also remove that one?
  
  I’m a bit disappointed so far with the WordPress experience. I expected more in 2023. But to be fair, the same applies to other services I tried.

• 

  staff-95percentghost · Staff · Jul 18, 2023 at 6:12 am

  • Copy link

  Hi! It’s possible to use CSS to hide the link in your footer, as your theme doesn’t have the option to use the newer Site Editor.

  Head back to Appearance > Customize > Additional CSS and you can use the following to hide it:

  .site-footer > .site-info {
      display: none;
  }

• 

  r5shsp46v9 · Member · Jul 18, 2023 at 10:57 am

  • Copy link

  Yay, that did the job. Thank you.

• 

  maciejpilarski · Staff · Jul 18, 2023 at 2:54 pm

  • Copy link

  Hello!

  You are welcome! Feel free to let us know if there’s anything else you need help with. I’m happy to make some suggestions or share some resources with you.