WordPress.org

1. Hampstead
   Member
   Posted 2 years ago #

   I'm an old school tables guy and could do with some help.

   In the theme I am using the logo (on left) and navbar (on right) are laid out in such a way that the navbar will sit over the top of the logo and obscure it.

   How can I change the CSS so that the nav bar moves below the logo. Logo still on left and nav bar on right, but logo higher on page than nav.

   Current code:
   

   <div id="body">
     <div id="wrapper">
       <div id="header">
         <div id="header-content">
           <div id="logo"> <a href="<?php echo get_option('home'); ?>" title="<?php bloginfo('name'); ?>" ><img src="<?php echo get_option('rascals_logo'); ?>" title="<?php bloginfo('name'); ?>" alt="logo" /></a> </div>
         </div>
         <div id="nav-container">
           <div id="nav-right" class="pngfix"></div>
           <div id="nav-left" class="pngfix">
            <ul id="nav">
            <?php include (TEMPLATEPATH . '/inc/page-exclusions.php'); ?>
       	</ul>
           </div>
           <!-- end menu-content -->
         </div>
         <!-- end menu-container -->
       </div>
       <!-- end header -->

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Site url?

3. ninenote
   Member
   Posted 2 years ago #

   Do you have the test website online?

   You code does not contain the current CSS files. So it's unable to detect what need to be changed.

   It's easier to look at the real web page than reading the whole CSS code. If you could upload the actual page somewhere it would be better.

4. Hampstead
   Member
   Posted 2 years ago #

   The site isn't live just yet. I will drop a link when live.

5. Rev. Voodoo
   Volunteer Moderator
   Posted 2 years ago #

   id say in a basic sense.... float the logo left, float the nav right...

   give each a width as wide as the containing element....so header here, or wrapper.....

   without seeing site or css, its hard to be specific, but that's how I'd go about it

6. Hampstead
   Member
   Posted 2 years ago #

   kevinheath.com

Topic Closed

This topic has been closed to new replies.