Zen V1.5.5f using a custom template built with the standard Responsive Classic Template.
I'm trying to add a second logo to my header but I'm stuck on getting the positioning to work correctly.
The code in my tpl_header.php for the second logo is as follows:
PHP Code:
<!--bof branding display-->
<div id="logoWrapper" class="group onerow-fluid">
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT, HEADER_LOGO_WIDTH, HEADER_LOGO_HEIGHT) . '</a>'; ?>
<div id="logoRight"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGORIGHT_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGORIGHT_IMAGE, HEADER_ALT_TEXT, HEADER_LOGORIGHT_WIDTH, HEADER_LOGORIGHT_HEIGHT) . '</a>'; ?>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
<div id="taglineWrapper">
<?php
if (HEADER_SALES_TEXT != '') {
?>
<div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
}
?>
<?php
if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
}
}
?>
</div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
</div>
</div>
<!--eof branding display-->
First I assume I got this right? I did this by reading old threads but they were based on 1.3 code. Secondly how do I get the second logo (logoRight) positioned on the far right of my header so I have the default logo left and the new one right.
As a starting point I tried the following but how do I extend this to force it far right and not just right of my default logo?
Code:
#logoRight {float:right;}
I can move it by adding margin-left settings but I assume this then messes up the responsive features and the logo will shift down when the browser window is too small.
Any pointers please.
Bookmarks