Nav bar in wordpress - CSS-Tricks

This topic is empty.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts

November 20, 2013 at 6:56 am #156647

Participant

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

<!DOCTYPE>
<html>
<head>
<style>
   #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; }
</style>
</head>

<body>
<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>
</div>

</body>
</html>

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

November 21, 2013 at 5:48 am #156787

dutchy77

Participant

This is what the header.php looks like

<?php

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

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

<html >
<!–

<?php do_action( '__before_body' ); ?>

<body <?php body_class(); ?> itemscope itemtype="http://schema.org/WebPage">

    <?php do_action( '__before_header' ); ?>

    <header class="tc-header clearfix row-fluid" role="banner">

        <?php do_action( '__header' ); ?>

    </header>

    <?php 
     //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.

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

The forum ‘CSS’ is closed to new topics and replies.