Admin bar on mobile

• 

  sallyhz · Member · Jul 5, 2018 at 5:25 am

  • Copy link
  • Add topic to favorites

  So when I view the website on a phone, there is an admin bar at the bottom where you can log in or sign up. How can I remove this? I don’t want any visitors to see this when they visit the page.

  The blog I need help with is: (visible only to logged in users)

• 

  kokkieh · Staff · Jul 5, 2018 at 7:41 am

  • Copy link

  Hi there,

  Do you mean the action bar containing the follow button? Hiding that will prevent visitors from being able to follow your site so they are notified of new posts via the Reader or via email, so I wouldn’t recommend removing it, but if you’re sure, you can use the following CSS code to hide it:

  /*
  Hides action bar
  */
  #actionbar {
  display: none;
  }

  For future reference, please note that your Business Plan gives you access to 24/7 live chat and priority email support via the help button on the My Sites dashboard, and the contact form at https://wordpress.com/help/contact

• 

  justjennifer · Member · Jul 5, 2018 at 7:48 am

  • Copy link

  @kokkieh, is it possible to hide the action bar only on mobile rather than across all displays?

• 

  gemmacevans · Member · Jul 5, 2018 at 9:10 am

  • Copy link

  @justjennifer — yes, the action bar can be hidden on mobile devices using this CSS:

  @media only screen and (max-width: 600px) {
  	#actionbar {
  		display: none;
  	}
  }

• 

  justjennifer · Member · Jul 6, 2018 at 4:35 am

  • Copy link

  Thanks @gemmacevans