How do you center the the Page Menu Bar so the text is not on the left but in the middle?

EDIT: See post#17 (css-only, not exactly centered) and post#19 (table, exactly centered) for alternative/better solutions

Change functions/bfa_header_config.php, line 12

PHP Code:

$page_menu_bar = '<div id="menu1"><ul id="rmenu2" class="clearfix rMenu-hor rMenu">' . "\n"; 


to

PHP Code:

$page_menu_bar = '<div id="menu1"><div class="clearfix rMenu-center">
<ul id="rmenu2" class="clearfix rMenu-hor rMenu">' . "\n"; 


and, line 23

PHP Code:

$page_menu_bar .= '</ul></div>' . "\n"; 


to

PHP Code:

$page_menu_bar .= '</ul></div></div>' . "\n"; 


and at Atahualpa Theme Options -> HTML/CSS Inserts -> CSS Inserts, add, for instance, this:

ul#rmenu2 {
border: 0;
}
div.rMenu-center {
border: dashed 1px #ccc;
overflow: hidden;
}

The overflow:hidden in the CSS style above solves the problem of the horizontal scrollbar that appears too early but it hides the vertical drop downs in non-IE browsers.

I made the changes and still no center.

Thank You for all your help with this.
BTW I great theme!

Are you running a 3.x version? I tried it in 3.1.8 and it worked.

Hmmmm
3.1.8 downloaded yesterday. I went to paste the code for you here but when I did I noticed extra *'s so
I manually typed the code above and it worked. I guess copy and pasted added some crap maybe.

I added background color to span the site (just incase anyone else tries the code and wants to span the site.

PHP Code:

ul#rmenu2 {
border: 0;
}
div.rMenu-center {
border: dashed 1px #ccc;
background-color: white;
} 


Thank You again for all your help. Best worpdress theme I have ever used and help from the developer.

I bought viva7 for a client. Developer never responds to email, theme is hard to work with and now has quite and never released a wordpress 2.7 of the theme

I tried it too an nothing happened. I checked the code and it looks the same. I also have some CSS in the CSS box for making the header navigation bold. Would that affect it?

Thanks!

Originally Posted by Flynn

Are you running a 3.x version? I tried it in 3.1.8 and it worked.

It's also works in 3.2 !

Thanks Flynn

Originally Posted by Flynn

Change functions/bfa_header_config.php, line 12

after replacing line 12 I now have some white space on the right of the page and scroll bar on the bottom, the size of extra space seems to depend on the menu text size with anything over 24px causing the page to be wider than the screen. Menu is not nearly as wide as the page so I am not sure why this is happening. I adjusted the text size to 22px but I wonder why this is happening.
Thanks
www.kcmeesha.com

Same to me. Looks like the menu bar went through the right border of the whole screen. For the menu bar I added a picture as background and now it is even getting a bit worse.

Seems like the menu has three containers with a bit different settings. One of them is getting pushed to the right by centering the menu bar.

Also the scroll bar on the bottom is a bit nasty.

Anybody has an idea how to fix that ?

You both have the same issue but it doesn't seem to be caused by the menu bar.

@kcmeesha: Your Google iframe ad is 200px wide, the sidebar is 200px including 10px padding on each side. If you change all the 3 or so "200px" and "200" values in the Google ad the scrollbar goes away. The ad's container is too wide for the given sidebar width. Or change your right sidebar to 220px.

@tigger: Your scollbar issue seems to be gone now that you gave the layout a smaller width. If you want me to find the problem, please change it to the width it had before (99% or 100% ?) again for the next few days

@Tigger
@kcmeesha

The scrollbars come back when the window is being resized.

The scrollbars seem to start when the window width is smaller than 2 x [menu bar width]

Looking into it...

Is this still the same code I'd use for the more recent versions of WP/Atahualpa? I noticed this post is from more than two years ago. I too am trying to center my menu items. Someone gave me the code to do it and it worked, except that the sub menu itmes were all off center an inaccessible because the mouse couldn't get over to them without them disappearing.

Any thoughts?