Change position of topmenu

[sarchs]

Hello

I am in the process of setting up our new school website. I need to move the menu bar along the top so that is goes underneath the logo. I am struggling to find out where to change this in the .css

Please help

The link is here

[nickjelly]

I would really like to know how this is done too i.e I would like the top menu to appear between the logo and the slideshow.

Sarchs I see you achieved it on your site. Could I ask how? Thanks

[beeswax]

This may help - Header & Menu
or this - http://www.edugeek.net/search.php?searchid=3946661

[nickjelly]

Thanks Beeswax. I've tried out the changes in the the first link and that's useful in moving the topmenu down a bit within the same template area, but I need to position the topmenu directly underneath the logo as was achieved by sarchs above, which to me hints at another template area perhaps??

Second link didn't work.

[beeswax]

Ooops!
Go to Forums>Projects>Edugeek Joomla 1.5 Package and do a search for "menu" which should give you some decent results.

[kaltz39]

Sorry for raising an old thread but I'm having the same issue. Can someone tell me how to move the topmenu down below the logo?

Cheers

[boyceyuk]

Hi Guys,

Was there ever an answer to this query? I really need to get my menu moved below my logo as the logo is the width of our site.

[TechMonkey]

I think all I did was move the div with id "topmenu" below the logo div. I don't remember changing it but our site has the menu below the logo.

[boyceyuk]

I think all I did was move the div with id "topmenu" below the logo div. I don't remember changing it but our site has the menu below the logo.

Thank you for your reply. Was this change made within joomla admin or was it a (albeit minor) code change? In any case where would I make this change?

Many thanks for your help!

[TechMonkey]

As long as the menu is assigned to the "topmenu" area then the only change needed is in the template file. This will be under templates > [TEMPLATE NAME], in the index.php.

[boyceyuk]

Thanks for the reply. In between posts I looked t the file you mentioned above however it seems that topmenu id is already below The logo div:

<div class="headerbg">
<div class="containerheader">
<div class="headerbg1">
<jdoc:include type="module" name="search" />
</div>
<div class="headerbg2">
<div class="headerbg21">
<a href="index.php" title="St Ann's Church of England Primary School">
<img src="templates/<?php echo $this->template ?>/images/logo.png" alt="St Ann's Church of England Primary School"/>
</a>
</div>
<?php if ($this->countModules('topmenu')): ?>
<div class="headerbg22">
<div id="topmenu">
<jdoc:include type="modules" name="topmenu" style="XHTML" />
</div>
</div>
<?php endif; ?>
</div>

I maybe missing something here but I'm not very offay with php!

[TechMonkey]

Ok, that is good, it looks about the same as mine. Ok next go into the Joomla Admin, under the Extensions menu choose Module Manager & find what position the MainMenu is in.

[boyceyuk]

Hi,

The position of the main menu is topmenu. We are wanting the logo and menu to look (position wise) exactly as it does on this site:

http://www.st-augustines-high.lancsn...k/Joomla/site/

Is the code that I pasted in my previous post correct?

[TechMonkey]

Seems to be, ours is slightly different but we have a picture slideshow between the logo and menu. Ours is like that link you sent. Below is our header from the index.php.

<!-- Header /-->
<div class="headerbg">
<div class="containerheader">
<div class="headerbg1">
<jdoc:include type="module" name="search" />
</div>
<div class="headerbg2">
<div class="headerbg21">
<a href="index.php" title="School Name">
<img src="templates/<?php echo $this->template ?>/images/logo.png" alt="School Name"/>
</a>
</div>
</div>
</div>
</div>
<!-- Rounded Module Separator //-->
<div class="roundedmodulebg">
<div class="container">
<div class="roundedmodule1">
<div class="roundedmodule2">
<div class="roundedmodule3">
<div class="roundedmodule4">
<jdoc:include type="modules" name="user1" style="XHTML" />
</div>

</div>
</div>
</div>
</div>
</div>

<div id="topmenu">
<jdoc:include type="modules" name="topmenu" style="XHTML" />
</div>

[boyceyuk]

but if your div with id "topmenu" is below the logo div like ours is, and our menu module is in the topmenu position...I'm baffled as to what I'm doing wrong!