- Go to Appearance → Editor
- Click on Theme Header (header.php)
- Locate the code for your logo, which typically starts with <div class=”logo”>
- The easiest way to do this is to hit Ctrl+F/Cmd+F to open the search field in the browser and search for “logo”
- Add your custom markup after the closing </div> of the logo container. Your ad container must have a custom class. The below example is using Gigawatt ad shows a simple markup for a banner image using a class of “header_ad”.
<div class="logo">
<h1>
<a href="<?php bloginfo('url'); ?>">
<?php if(get_option("ocmx_custom_logo")) : ?>
<img src="<?php echo get_option("ocmx_custom_logo"); ?>" alt="<?php bloginfo('name'); ?>" />
<?php else : ?>
<?php bloginfo('name'); ?>
<?php endif; ?>
</a>
</h1>
</div>
<div class="header_ad">
<a href="http://www.obox-themes.com"><img src="http://placehold.it/728x90" alt="Obox" /></a>
</div>
Click Update File when satisfied with your edits.
You will need to add some Custom CSS to float your ad right so it sits next to the logo. You may also need to add some padding and margins, depending on the size and position of your image. An example for the above scenario would be:
.header_ad{float: right;}
ul#nav {clear: both;}
.logo {float: left;}
If you are new to CSS, click the glossary tooltop above to view some help resources or consider contacting an Approved Modifier to help you modify your theme.