The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Nav bar in wordpress

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #156647

    I have created a website:, with a wordpress template / Customizr.
    I want the top nav bar to look something like the nav bar on this site: So I created the code:

       #nav {
          width: 100%;
          float: left;
          margin: 0 0 3em 0;
          padding: 0;
          list-style: none;
          background-color: #F70D1A;
          border-bottom: 1px solid #ccc;
          border-top: 1px solid #ccc; }
       #nav li {
          float: left; }
       #nav li a {
          display: block;
          padding: 8px 15px;
          text-decoration: none;
          font-weight: bold;
          color: #069;
          border-right: 1px solid #ccc; }
       #nav li a:hover {
          color: #F70D1A;
          background-color: #fff; }
    <div id="wrap">
         <ul id="nav">
    <li><a href="#">Individueel</a></li>
    <li><a href="#">Collectief</a></li>
    <li><a href="#">Professionals</a></li>
    <li><a href="#">Over Artention</a></li>
    <li><a href="#">Contact</a></li>

    And I want this menubar placed above the slider instead of the gray line which is there now.
    Is this possible?


    This is what the header.php looks like


    * The Header for Customizr.
    * Displays all of the section and everything up till


    div id=”main-wrapper”>
    * @package Customizr
    * @since Customizr 1.0

    <html class="ie ie7" >

    <html class="ie ie8" >

    <html >

    <?php do_action( '__before_body' ); ?>
    <body <?php body_class(); ?> itemscope itemtype="">
        <?php do_action( '__before_header' ); ?>
        <header class="tc-header clearfix row-fluid" role="banner">
            <?php do_action( '__header' ); ?>
         //This hook is filtered with the slider
        do_action ( '__after_header' )

    I am realy a newbe and I know what it looks like, but don’t know where to insert the code and what to delete.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.