Fontfolio theme, Menu bar

• 

  kleesbutterfly · Member · Apr 19, 2014 at 6:47 am

  • Copy link
  • Add topic to favorites

  Is it possible at all to alter the design of my menu bar (my theme is Fontfolio)? I want the Search Box to disappear, and the Menu bar to be one straight line (not two). Is this doable with CSS and if so, how?
  I’ve just purchased the Custom Design Upgrade and don’t have a clue about HTML or CSS. I’ve read all the support pages on WordPress, but I still don’t get it.
  Any help would be much appreciated.
  Here is my blog: http://kleesbutterfly.wordpress.com/

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

• 

  thesacredpath · Member · Apr 19, 2014 at 2:14 pm

  • Copy link

  Hi there, on Fontfolio, you can hide the header area search and make the menu full width with the following CSS. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following.

  .header-search {
      display: none;
  }
  .main-navigation {
      width: 100%;
  }

• 

  kleesbutterfly · Member · Apr 21, 2014 at 6:58 pm

  • Copy link

  Thanks so much for this information! I have been tinkering around with CSS, and I am making some slow progress with it. I already made my menu bar a one-line one, but I’ll try out your suggestions.

• 

  thesacredpath · Member · Apr 22, 2014 at 2:09 am

  • Copy link

  You are welcome and please let us know if you have further questions.