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

Old Nov 24, 2010, 04:12 PM
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).

Old Nov 24, 2010, 09:18 PM
lmilesw's Avatar
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.


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 05:11 AM
Annoying gap between navigation bar and Header Logo area in IE gorsehillMike Header configuration & styling 1 Jan 9, 2010 05:43 AM
Gap between Header image in widget and items below it kippiper Header configuration & styling 2 Dec 8, 2009 01:04 AM
Can't close gap in between Header and Image above agrossman Atahualpa 3 Wordpress theme 1 Sep 3, 2009 11:00 PM

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

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