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 - http://www.edugeek.net/forums/edugeek-joomla-1-5-package/29626-header-menu.html

or this - http://www.edugeek.net/search.php?searchid=3946661

Edited May 24, 2011 by beeswax

[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:

 

templates/<?php echo $this->template ?>/images/logo.png

<?php if ($this->countModules('topmenu')): ?>

<?php endif; ?>

 

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]

[url=http://www.st-augustines-high.lancsngfl.ac.uk/Joomla/site/][/url]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.lancsngfl.ac.uk/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.

 

templates/<?php echo $this->template ?>/images/logo.png

 

 

[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!

[TechMonkey]

Is your site up somewhere or all local?

[boyceyuk]

its live. I've sent you the credentials via pm.

[TechMonkey]

Ok, first difference I have seen is that in suffix.css (in the template folder) I have:

 

#topmenu {

width:100%;

}

 

Which yours doesn't

[boyceyuk]

Ok, first difference I have seen is that in suffix.css (in the template folder) I have:

 

#topmenu {

width:100%;

}

 

Which yours doesn't

 

I've added this in however it doesn't seem to of made any difference....

[kaltz39]

Hi there,

 

I made the changes to our site earlier this year

 

I did the following (had to write it down in case i made a mess)

 

 

Edit Template.css first.

 

Change Headerbg2 Height to 108

 

Change Headerbg21 Height to 108

 

Change Headerbg 22: Width to 950

Padding-top to 10

Add padding-left 50

 

Edit suffix.css

 

Line 27 – float left

 

Hope this helps.

[boyceyuk]

Hi there,

 

I made the changes to our site earlier this year

 

I did the following (had to write it down in case i made a mess)

 

 

Edit Template.css first.

 

Change Headerbg2 Height to 108

 

Change Headerbg21 Height to 108

 

Change Headerbg 22: Width to 950

Padding-top to 10

Add padding-left 50

 

Edit suffix.css

 

Line 27 – float left

 

Hope this helps.

 

Many thanks for the reply Kalitz. I made the changes as per your post. It has almost done exactly what we want, however the menu does not seem to start from the start of the logo above and the slideshow images below (see the test site test.stannsprimary.org.uk). Any ideas what could be causing this?

[kaltz39]

Hi boyceyuk, Do you mean that you want the Home to be the first menu item. If this is the case you need to go into the menu item manager and change the Order ie set Home to 1 etc.