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 »

Menu bar not aligning & other woes

Old Feb 14, 2011, 06:47 PM
5 posts · Jan 2011
Currently I'm having issues with my menu bar - it seems there's a border around the page names so these tabs are not sitting flush with the background.

See here: http://cswphotography.com.au/blog.

How do I get my menu items sitting neatly?

Secondly, the items seem really bunched up. How do I get the width of the menu bar items to have some padding either side of the text?

Third thing, I want my menu to look like this menu: http://www.foxpitteventing.co.uk/ any thoughts on how?

Thanks heaps.
Old Feb 14, 2011, 07:27 PM
juggledad's Avatar
23,737 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
go to ato->MENU 1 (Page Menu)->Border around all menu items and set it to solid 1px and what ever color you are using
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Feb 14, 2011, 07:47 PM
5 posts · Jan 2011
I ended up fixing the first issue through the %bar1 and %bar2 styling:
height: 1px;
background: #000000;
border-top: solid 1px #fc9d08;

height: 1px;
background: #000000;
border-bottom: solid 1px #fc9d08;
Any help on getting the width of the page items wider? Like how you can set the sub menu items to a certain width?
Old Feb 14, 2011, 09:55 PM
67 posts · Nov 2010
To get more spacing between the Page Menu Items play around with the following...

In the ATO --> Add HTML/CSS Inserts add the following....

div#menu1 ul.rMenu li {
        margin: -1px 10px;
I'll have to poke around a bit to get the submenu width settings...
Old Feb 15, 2011, 07:25 PM
5 posts · Jan 2011
Cool. That worked. But now the child menu has a clear 20px coming off, like the 20px I added to the parent menu. How do I change the padding on the child menu back to 0px?

(hover over For Sale and you'll see what I mean if my writing is confusing)


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] need css help to move feed & comments icons down into menu bar areas ikllc Header configuration & styling 2 Jan 15, 2011 07:23 AM
[SOLVED] 3.5.2 Cat & Menu Bar background displaying at 100% (Fixed width 900px) MickR New Versions, & Updating 2 Jul 20, 2010 08:59 AM
[SOLVED] Problem with Page Menu Bar in Safari & Chrome seaside Page & Category Menu Bars 3 Mar 30, 2010 06:29 AM
[SOLVED] Help fine tuning my Page Menu Bar & Header Hidden Driveways Customization, Design, Programming... 4 Feb 10, 2010 10:02 PM
Aligning Page Menu items joaodagraca Page & Category Menu Bars 1 Aug 8, 2009 05:13 AM

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

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