Remove Action Bar

Comments

• Albert

  July 2014

  Hi,
  
  as we see, at this moment we don`t have any option to turn it off completely from options panel but this is a good suggestion for future updates. But at this moment you can use below custom css:

  #Action_bar { display: none; }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ArbenHusic

  January 2016

  Hey Guys... Have similar issue. After adding social media icons to footer, an line started appearing below the menu, I assume it's the action bar. How can I solve this?
  Here the sample of how it looks:
  
  

  Btw, I have my menu decreased with some custom CSS:
  
  

  #Top_bar .menu > li > a { padding: 2px 0 !important; }

  #Top_bar .top_bar_right { height: 50px !important; }

  #Top_bar #logo { padding: 2px 0 !important; }

  #Top_bar #logo { height: 40px !important; }

  
  

  @media only screen and (max-width: 767px) {

      body:not(.template-slider):not(.header-simple) #Header { min-height: 0 !important; }

  }
  
  
  But with or without, the line is there. And the css #Action_bar { display: none; } does not help.
  
  Thanx in advance
• Albert

  January 2016

  @ArbenHusic What is the link to page?
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• ArbenHusic

  January 2016

  http://www.ngo-horizonti.org/home-2/
  
  And now it eats up my header image also. I tried removing the social media completely since they are not very important for us, but cannot do that also. Read somewhere that WPML string translation distracts on doing that...
• Albert

  January 2016

  This is your header height. You can decrease it to 60px with the following css:

  body.header-below:not(.template-slider) #Header { min-height: 60px !important; }

  In reference to social media icons, we do not see such on your site.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next