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 » Header configuration & styling »

[SOLVED] Using new Wordpress menu - page-center problem


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 Dec 11, 2010, 05:52 AM
marced
 
60 posts · Feb 2010
[SOLVED] Using new Wordpress menu - page-center problem

Hi, I've been using Atahualpa with great pleasure, including the menu structure. My menu was looking like this:



Now I want to use the standard Wordpress menu's with the same result. Creating the menu was easy.

The problem is the page-center option. When I keep using with my new menu, the menu looks like this


So the div styling of the whole bar is lost. This is I think because in the new menu there's a small div just for the menu, and around it a table with no id.

I tried using %pages so the menu is aligned left, then the whole bar shows again. Then using padding-left creates the old result. The problem then is, that when looked at in a smaller screen / iphone, the result is this:


No the solution either.

How can I do this guys, using the new menu, center it but still have a menu bar over the complete width of the page with the menu's centered?

Help would be greatly appreciated!
  #2  
Old Dec 11, 2010, 06:06 AM
juggledad's Avatar
juggledad
 
22,595 posts · Mar 2009
OSX 10.10.1 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What version of atahualpa and wp?
What is the URL?
Have you applied the menu bugfix's (new version &updates forum)?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 16, 2010, 02:57 PM
marced
 
60 posts · Feb 2010
Hi JD, sorry for the delay. I use Atahualpa version 3.5.3 and Wordpress 3.0.1. Yes I used the menu bugfix, working properly.

I think the solution would be in using %pages in header so it's aligned left, but then referring to just the menu to center. But how do I do that?

The sourcecode for the menu is this:
HTML Code:
<div id="menu1" class="menu-home-container"><ul id="rmenu2" class="clearfix rMenu-hor rMenu"><li id="menu-item-400" class="menu-item menu-item-type-post_type current-menu-item page_item page-item-16 current_page_item menu-item-400"><a title href etc.....
What do I put in CSS to just center the menu then?
  #4  
Old Dec 16, 2010, 03:29 PM
juggledad's Avatar
juggledad
 
22,595 posts · Mar 2009
OSX 10.10.1 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Do an export of your settings and attach it to a reply
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jan 7, 2011, 07:18 AM
juggledad's Avatar
juggledad
 
22,595 posts · Mar 2009
OSX 10.10.1 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
see if this helps - http://forum.bytesforall.com/showthread.php?t=2548
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jan 7, 2011, 11:02 AM
juggledad's Avatar
juggledad
 
22,595 posts · Mar 2009
OSX 10.10.1 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ok, here is how you can do it. First edit bfa_new_wp3_menus.php and change line 13 (version 3.5.3) from
HTML Code:
		$before_menu = '<table cellpadding="0" cellspacing="0" style="margin: 0 auto"><tr><td align="center">';
to
HTML Code:
		$before_menu = '<table class="menu-center" cellpadding="0" cellspacing="0" style="margin: 0 auto"><tr><td align="center">';
next add the following to the CSS Inserts
HTML Code:
table.menu-center {
width: 100%;
}
#rmenu2-page {
margin-left: 20%;
margin-right: auto;
}
you may need to adjust the left margin depending on the width of your menus
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
center page menu, menu items, even on reflow cway Page & Category Menu Bars 2 Oct 23, 2010 06:21 AM
Wordpress' 2nd page menu cway Page & Category Menu Bars 1 Oct 22, 2010 09:12 PM
Problem with "%page-center issue coloring the whole bar" Shan_LSOS Page & Category Menu Bars 1 Aug 28, 2010 10:07 PM
Problem with the center menu bar Bernhard Header configuration & styling 1 Jun 4, 2010 06:34 AM
Might be more a wordpress problem ;-( hospitalera Sidebars & Widgets 4 Mar 25, 2009 04:03 PM


All times are GMT -6. The time now is 05:13 AM.


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