How to reposition the menu?

[ssaxton]

Hi,
A couple of years ago I posted a thread requesting info on how to re-position the main menu at the top of the page.

This is the original post; http://www.joomlart.com/forums/showt...highlight=menu

The help I received worked fantastically. Now however, I need to achieve the same thing, only I want the menu to stay fixed at the top of the page whilst allowing the rest of the page to scroll. If anyone can help, I would really appreciate it.

Thanks alot,
ssaxton

[TomC]

Please provide the url of the site you're working on?

[ssaxton]

Sure, its this site www.tacticalbladeworx.com, but I'm making the changes on local-host before uploading the template.

Thanks,
Steve

[TomC]

Sure, its this site www.tacticalbladeworx.com, but I'm making the changes on local-host before uploading the template.

Thanks,
Steve

I assume you're wanting your header to remain fixed as well - so that the main content scrolls "under" your main nav and header sections - am I correct?

[ssaxton]

Actually Tom, no. The header is transparent and I think it would lose its effect if I had the page sliding under it. I would just like to reposition the main navigation to the top of the page and fix it there, whereby the rest of the page could slide behind it. Is that possible?

[TomC]

Okay, here is a suggestion for how to accomplish this . . . .

Within file path --> /templates/ja_purity_ii/css/template.css

at line 1064, modify as follows:

#ja-mainnav {
background: url("../images/navbg.png") no-repeat scroll center top transparent;
height: 65px;
line-height: 1;
position: fixed;
top: 0;
z-index: 11;
}

then, at line 981, add a "margin-top" property as follows:

#ja-header {
background: url("../images/hbg.png") no-repeat scroll center center transparent;
margin-top: 30px;
z-index: 10;
}

Let me know if the result is along the lines of what you were looking for.

[ssaxton]

Tom, Thank You!
That is exactly what I was looking for. Only I spent hours trying to achieve it, including the use of JavaScript (which I also couldn't get to work)
Thanks again!!
Steve

[TomC]

Tom, Thank You!
That is exactly what I was looking for. Only I spent hours trying to achieve it, including the use of JavaScript (which I also couldn't get to work)
Thanks again!!
Steve

Not a problem ... It's all part of the learning process.
Hell, I learn something new every day.


All the best with your continuing site development.

[ssaxton]

I just wanted to say "Thanks" again for you help, Tom.
I didn't land up going with the top menu option on this site because I didn't think it looked right.
But I have used it on another, and it worked out great, so you didn't waist your time

Cheers,
Steve