johnsocalsecrets
Forum Replies Created
-
Forum: Themes and Templates
In reply to: force 2 objects to sit side by side in top barThanks for all your help. The # worked and kept the logo and ad on the same line, but now the menu bar starts at the wrong place, right below the ad instead of below the logo, which bunches up the menu on the right half of the screen and doubles it up on two lines. I threw in a simple table as a quick fix.
Forum: Themes and Templates
In reply to: force 2 objects to sit side by side in top barCB, thanks for the help, but I’m still not able to get it to put the logo and the ad on the same line, it continues to display the ad underneath the logo. Here is what I have in header.php and style.css (with a simple jpg file substituted in for my ad code to make it easier to test)..
<body <?php body_class(); ?>>
<div class=”container”>
<header class=”header-wrap”>
<div id=”logo-area”><?php mh_logo(); ?></div>
<div id=”ad-header”><img src=”http://www.socalsecrets.com/ads/testbar.jpg” width=”468″ height=”60″></div>
<nav class=”main-nav clearfix”>
<?php wp_nav_menu(array(‘theme_location’ => ‘main_nav’)); ?>
</nav>
</header>/***** Header *****/
.header-wrap { background: #fff; }
.logo-area, ad-header {
padding: 0px;
margin: 0px;
display: inline-block;
}
.logo-area {
float: left;
width: 40%;
}
.logo-wrap { padding: 1em; overflow: hidden; }
.logo { display: inline-block; }
.logo-name { font-size: 300%; text-transform: uppercase; text-shadow: 1px 2px 5px rgba(150, 150, 150, 1); border-bottom: 3px solid #000; display: inline-block; }
.logo-desc { background: #e64946; color: #fff; font-size: 130%; padding: 0.1em 0.5em; }
