Logo inline with menu header

Posted by rickh on August 23, 2011 at 9:56am

Issue Summary

Hey guys, pretty new to drupal and I love the Corolla theme. What I'd like to do however is display the logo inline with the primary links. Screenshot attached. I'd like to float the menu right and insert the logo left. This is similar to a bitly, but with my coding experience it's useless. Any help would seriously be appreciated.

Attachment	Size
screen.jpg	47.61 KB

Comments

#1

Posted by Deepika.chavan on August 30, 2011 at 7:51am

Hi,

To display the logo and primary links follow these steps:
1. Place the following code before <?php if ($page['header_menu']): ?> line in page.tpl.php

  <?php if ($logo): ?>
    <div id="logo"><a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home">
       <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" />
    </a></div>
  <?php endif; ?>

2. Add following code in corolla.info file after 'print.css'.

stylesheets[all][] = local.css

3. Create a local.css file and add following css code in that:

#logo {
  float: left;
  width: 10%; 
 }

.block#block-logintoboggan-logintoboggan-logged-in, .block#block-system-main-menu {
  clear: right;
}

4. Please clear cached data here- admin/config/development/performance.

Note: Add margin-left to #logo if required.

HTH!!

Rgrds,
Deepika chavan.

#2

Posted by rickh on August 26, 2011 at 11:22am

Hey Deepika

Thanks for the quick response. I couldn't find the <?php if ($page['header_menu']): ?> in page.tpl.php but did find

  <?php if (!empty($header_menu)): ?>
    <div id="header-menu-wrapper">
      <div id="header-menu">
        <?php print $header_menu; ?>
      </div>
    </div>
  <?php endif; ?>

If this is still the place to put it then I'll be happy to go ahead.

Thanks again

#3

Posted by Deepika.chavan on August 30, 2011 at 5:12am

Hi rickh,

Yes, thats the one. Please paste the above code before <?php if (!empty($header_menu)): ?> and try that out.
HTH!!

Rgrds,
Deepika Chavan.

#4

Posted by rickh on August 30, 2011 at 7:43am

Hey Deepika

Thanks for the reply. I think the logo is in the wrong block region or not inline with the menu. Also the logo shows twice, where corolla puts it and where we have placed it now. I've attached a screenshot.

Attachment	Size
screen3.jpg	23.32 KB

#5

Posted by Deepika.chavan on August 30, 2011 at 8:07am

Hi rickh,
1. Please remove the original logo code from page.tpl.php. which is after <div id="branding">.
(I have cut that code from there and pasted it above <?php if (!empty($header_menu)): ?> line.)
2. Please check if your menus block id is 'block-system-main-menu' if not then replace that part in above css code.
You can add 'margin-left: 1.5em' under #logo to move the logo and menu sightly to right.
3. Clear cached data.

HTH!!

Rgrds,
Deepika.

#6

Posted by rickh on September 2, 2011 at 5:40am

Deepika

Thanks for all the help and i'm very close. I have moved the menu to the right hand side and the logo is bnow inline. All that i'd still like to do is move the logo inline with content. If I can get that done I owe you big time.

Attachment	Size
screen5.jpg	44.34 KB

#7

Posted by Deepika.chavan on September 2, 2011 at 12:32pm

Hi,
Can you please give me the url of your site. So it will be easy for me to solve your problem.

Rgrds,

Deepika.

#8

Posted by rickh on September 2, 2011 at 1:14pm

sure www.5storm.com

#9

Posted by Deepika.chavan on September 6, 2011 at 3:51am

Hi,
Add following css to move the logo to right side. Increase the margin-left if you want.

 
#logo {
  float:left;
  list-style-position:inside;
  margin-left:19.5em;
  padding-top:5px;
  text-align:left;
  width:10%;
}

Please clear cached data.

HTH!!

Rgrds,
Deepika.

#10

Posted by giorgio79 on September 13, 2011 at 9:09am

Set this issue #856364: Optionally display site name and logo on top right corner (screenshot attached) as duplicate

Project:	Corolla
Version:	6.x-1.9
Component:	Design
Category:	support request
Priority:	normal
Assigned:	Unassigned
Status:	active

Logo inline with menu header

Jump to:

Issue Summary

Comments