Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

[SOLVED] Would like horizontal menu to span page body (example inside)


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Oct 22, 2010, 01:17 PM
BackyardHockey's Avatar
BackyardHockey
 
18 posts · Aug 2010
New Hampshire
[SOLVED] Would like horizontal menu to span page body (example inside)

This is essentially what I'm trying to do:



I'm using WP 3.0.1 and Atahualpa 3.5.3. Is there a way to have the menu span the whole body? I have a fluid layout with a min of 1000 and a max of 1300.
  #2  
Old Oct 22, 2010, 07:59 PM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
I am not sure how you would do that with a variable width site. I have always just wrapped the %page-center in a div and style it as needed. If you want the menu to be spread out as in your screen shot then you will have to do something like the following but you would need to have a fixed width to the site and tweak the padding. You might still have to wrap %page-center in a div and give it a background color and width to make the bar totally black.
HTML Code:
#rmenu2 li {padding-right:50px;padding-left:50px;}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Oct 25, 2010, 09:36 AM
BackyardHockey's Avatar
BackyardHockey
 
18 posts · Aug 2010
New Hampshire
Quote:
Originally Posted by lmilesw
I am not sure how you would do that with a variable width site. I have always just wrapped the %page-center in a div and style it as needed. If you want the menu to be spread out as in your screen shot then you will have to do something like the following but you would need to have a fixed width to the site and tweak the padding. You might still have to wrap %page-center in a div and give it a background color and width to make the bar totally black.
HTML Code:
#rmenu2 li {padding-right:50px;padding-left:50px;}
Thank you Larry. I have changed my site to a fixed width of 1000px, and added this code to my CSS inserts:

HTML Code:
div#menu1 {
background: #000000;
border: solid;
width: 1000px;
}
This gives me the menu bar that stretches, in black, across the body (good), but now puts all of my menu items on the far left (bad) and not spaced out at all (also bad). For what it's worth, in ATO > Style & edit HEADER AREA, I do have the page menu set to "%page-center".

This is what it looks like now:

http://www.backyard-hockey.com

Thanks for your help so far.

Last edited by BackyardHockey; Oct 25, 2010 at 09:49 AM.
  #4  
Old Oct 25, 2010, 09:49 AM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Are you using %page-center instead of %pages?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Oct 25, 2010, 09:55 AM
BackyardHockey's Avatar
BackyardHockey
 
18 posts · Aug 2010
New Hampshire
Quote:
Originally Posted by lmilesw
Are you using %page-center instead of %pages?
Yes, just updated my last post with that information. My Header area is as follows:

%logo %bar1 %image %bar1 %page-center
  #6  
Old Oct 25, 2010, 10:02 AM
lmilesw's Avatar
lmilesw
 
10,100 posts · Jul 2009
Central New York State USA
Sorry I just reread the posts... This is what I meant by wrap. Instead of %page-center use
HTML Code:
<div style="background: #000000; width: 1000px;">%page-center</div>
So you will have
HTML Code:
%logo %bar1 %image %bar1 <div style="background: #000000; width: 1000px;">%page-center</div>
Also the code border: solid is incomplete. You need a color and a width such as
HTML Code:
border:1px solid #000;
But you may not need the border in this case.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page menu drop down horizontal instead of vertical marineceo Page & Category Menu Bars 2 Jan 29, 2013 07:01 AM
[SOLVED] Flash media gallery won't work inside body of page jdmrgtnj Center area post/pages 2 Nov 7, 2010 10:48 PM
How to make header image not span full width of the page zachmorton Header configuration & styling 1 Sep 29, 2010 04:16 PM
horizontal space between header, body and footer mwallace Header configuration & styling 3 Aug 14, 2010 05:11 AM
[SOLVED] Align horizontal rule in body of post PrairieProg Center area post/pages 2 Dec 29, 2009 03:20 PM


All times are GMT -6. The time now is 11:59 PM.


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