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 »

Remove gap between header and menu1


  #1  
Old Nov 24, 2010, 05:12 PM
acalper
 
1 posts · Nov 2010
using 3.5.3, I have a logo image in the header. Between it and the pages menu there is a large gap I can't find the way to get rid of. You can see it at http://s1421.at1.pressdns.com/

Also, I'd like to style the pages menu to run the same width as the logo image with the buttons centered as it is currently. In other words, I want to extend the dark blue color to either side of the current menu bar so the color runs the same width as the logo above it. Width of 1024 px).

Ideas?
  #2  
Old Nov 24, 2010, 10:18 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
With your current setup using the following will add a border to the menu to get rid of the gap.
HTML Code:
#menu1 {
border:1px solid black !important;
width:1022px !important;
}
To center the menu you will need to use %page-center instead of %pages but when you do wrap it in a div so you can style it as you like. It would look something like the following.
HTML Code:
<div id="centermenu">%page-center</div>
Then you can style it in ATO>Add HTML/CSS Inserts>CSS Inserts with something like the following to give it a full width.
HTML Code:
#centermenu {
width: 1022px;
border: 1px solid black;
}
Of course you may have to do some additional tweaking to get to look just like you want.
__________________
~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

Tags
header, logo, menu1, page menu background

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to: Place Header Widget in Right-Hand Corner &amp; remove large gap below bl frugalmommytoday Sidebars & Widgets 2 Oct 15, 2010 06:11 AM
Annoying gap between navigation bar and Header Logo area in IE gorsehillMike Header configuration & styling 1 Jan 9, 2010 06:43 AM
Gap between Header image in widget and items below it kippiper Header configuration & styling 2 Dec 8, 2009 02:04 AM
Can't close gap in between Header and Image above agrossman Atahualpa 3 Wordpress theme 1 Sep 4, 2009 12:00 AM


All times are GMT -6. The time now is 08:22 PM.


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