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.

CommentFileSizeAuthor
#6 screen5.jpg44.34 KBrickh
#4 screen3.jpg23.32 KBrickh
screen.jpg47.61 KBrickh
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Deepika.chavan’s picture

Deepika.chavan CreditAttribution: Deepika.chavan commented

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

rickh CreditAttribution: rickh commented

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

Deepika.chavan CreditAttribution: Deepika.chavan commented

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

rickh CreditAttribution: rickh commented
FileSize
screen3.jpg23.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

Deepika.chavan CreditAttribution: Deepika.chavan commented

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

rickh CreditAttribution: rickh commented
FileSize
screen5.jpg44.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

Deepika.chavan CreditAttribution: Deepika.chavan commented

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

rickh CreditAttribution: rickh commented

sure www.5storm.com

Deepika.chavan’s picture

Deepika.chavan CreditAttribution: Deepika.chavan commented

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 CreditAttribution: giorgio79 commented

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

giorgio79’s picture

giorgio79 CreditAttribution: giorgio79 commented

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

Jeff Burnz CreditAttribution: Jeff Burnz commented
Issue summary: View changes
Status: Active » Closed (outdated)