Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

Want centred navigation to be full width


  #1  
Old Jul 10, 2009, 07:18 AM
Babs
 
7 posts · May 2009
Where should I set this? See http://www.ecohousesolar.co.uk/ for what it's doing now - only as wide as it needs to be - want it to be the same width as the header, etc.

Thanks

Babs
  #2  
Old Jul 11, 2009, 12:05 PM
neska0209
 
9 posts · Jul 2009
I'm banging my head against a wall on this too. I hope someone can help.
  #3  
Old Jul 11, 2009, 02:44 PM
shedhed's Avatar
shedhed
 
52 posts · Mar 2009
Bramhall, UK
This isn't tested but (unless there's an easier way) you are going to have to add some CSS inserts in the theme options.

Firstly one to tell the page menu to be 100% width:-

div#menu1 ul.rmenu {width: 100%;}

Then one to tell the page menu items to be x% width:-

ul.rmenu-hor li {width: x%;}

where x is 100 divided by the number of items in your page menu. If you want different widths for each menu item due to the length of the titles then you will have to have individual CSS inserts for each of the menu items. The theme gives a unique class identifier to each menu item thereby allowing you to define a CSS rule for it. Using Firefox and Firebug makes sorting this out easier.

Note that if you added page menu items at a later date you would have to go back and tweak your CSS inserts.

Also note that different browsers will render this slightly differently. I did something similar for my category menu bar. I have five categories so set the width of each item to 20% - perfect in Firefox but not in IE. I had to use a CSS hack to set the width to 19.95% for IE6/7 and 20% for Firefox. It's not pixel perfect but close enough.

You can see my category menu bar set to full width and split into 5 at http://www.rhodieridgeback.com - use Firefox and Firebug to drill down and see what CSS rules are being applied.


Hope this helps.


Andy
  #4  
Old Jul 17, 2009, 02:00 AM
jalanbk
 
8 posts · Apr 2009
I was playing with this and found a solution to this in this way --


Add CSS inserts --
div#menu1 {border: solid 1px #000000; background: #777;}

Use colour code as you wish This will solve your problem and menu will appear centered...

You can see mine at - http://www.pchijack.com/

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Full Post instead of Excerpt after posting a comment? adum Excerpts, Read more, Pagination 4 Jul 11, 2009 03:19 PM
Full Post Text on specific category pages spencer Atahualpa 3 Wordpress theme 1 Jul 7, 2009 02:47 PM
Display full name in comments instead of user name tationline Comments, trackbacks & pings 5 May 27, 2009 05:58 AM
[SOLVED] Adding borders to sides of blog with blog centred in middle of page rhymes Page & Category Menu Bars 1 May 15, 2009 11:38 PM
full posts on Category pages without the link curious Page & Category Menu Bars 5 May 6, 2009 07:56 AM


All times are GMT -6. The time now is 01:51 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.