Make category menu bar full width
 

My developing site is here

www.wantage.org

I need the 3 menu items to remain where they are, but I'd like the green menu bar to occupy the full width; same as the header.

Any help would be much appreciated.

Thanks
Howard

take a look thru the forums and you will find the answer - you can do a search and restrict it to a particular subforum

Thanks.

Yes, I have spent about an hour reading through the forums, using various search terms, and I have tried restricting to the menu bars one.

Guess I'll have to keep looking....

Well I can't find the answer.

If you can give me a clue I'd be very grateful.

Ta

Take a look at the fifth thread in this forum

I found the thread; its one I had already discovered and tried as follows in CSS inserts...

div#menu2 {border: solid 1px #004d05; background: #004d05;}

Sadly, this didn't do the trick :O(

However, I have now changed the %cat-center to %cats and the menu bar now goes across the page. Great! Of course, my new problem is that the menu itself is no longer centred.

I have cleared out the CSS Insert section and all that is left is a much cleaner...

td#header {
padding-bottom: 15px;}

td#middle {
padding: 0;}

div#menu2 {border: solid 1px #004d05; background: #004d05;}

ul.rMenu li {
padding-top: 0px;
margin: 0px 50px 0px 50px;}

If I add a width setting, then it fills the width but the menu itself becomes left aligned. I have tried all sorts of permutations (except the one that works!) and I think I am pretty stuck.

Does anyone now how I get my green horizontal menu bar to stretch full width with the menu items in the middle please?

Thanks
Howard