Move navigation bar in Chateau theme

• 

  marthaleone · Member · Feb 10, 2014 at 9:51 pm

  • Copy link
  • Add topic to favorites

  I’m wondering how to place my navigation bar items below my custom header. Right now, the navgation bar is above. Any ideas?

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

• 

  hfzrhmn · Member · Feb 10, 2014 at 11:22 pm

  • Copy link

  Hi, it can be done with some custom CSS, but you will need the Custom Design upgrade for that: http://store.wordpress.com/premium-upgrades/custom-design/

  Also, if you ask around the CSS Customization forum, you can get a better response for this:

  https://en.forums.wordpress.com/forum/css-customization

• 

  thesacredpath · Member · Feb 11, 2014 at 3:45 am

  • Copy link

  This is somewhat difficult with responsive width themes such as Chateau. Add the following and then narrow down your browser window and see what I mean. As the browser window gets narrow and forces the menu to to or more lines, it stacks up over the top of the header image. Normally the menu goes to a minimized icon on responsive width themes, but Chateau was created before that became the norm.

  #branding {
      position: relative;
      margin-top: 40px;
  }
  #menu {
      position: absolute;
      bottom: 0;
  }
  #main-image {
      padding-bottom: 75px;
  }

• 

  marthaleone · Member · Feb 11, 2014 at 12:34 pm

  • Copy link

  Ok. Thanks for the advice. I probably won’t do the edit based on your advice. Now I’m wondering if it’s just possible to enlarge the point size of the navigation bar words.

• 

  thesacredpath · Member · Feb 11, 2014 at 7:32 pm

  • Copy link

  Absolutely. To increase the menu text size, add the following and adjust as desired.

  .wf-active #menu a {
      font-size: 0.85em;
  }