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.

Files: 
CommentFileSizeAuthor
#6 screen5.jpg44.34 KBrickh
#4 screen3.jpg23.32 KBrickh
screen.jpg47.61 KBrickh

Comments

Deepika.chavan’s picture

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.

rickh’s picture

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

Deepika.chavan’s picture

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.

rickh’s picture

FileSize
23.32 KB

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.

Deepika.chavan’s picture

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.

rickh’s picture

FileSize
44.34 KB

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.

Deepika.chavan’s picture

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

Rgrds,

Deepika.

rickh’s picture

Deepika.chavan’s picture

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.

giorgio79’s picture

giorgio79’s picture

I realized this is much easier, just create a block with the logo inside and at it to the top menu area. :)

Jeff Burnz’s picture

Issue summary: View changes
Status: Active » Closed (outdated)