Center align level 2 of a superfish menu utilizing the new native wordpress3 menu system

Greetings Experts!

I have applied Superfish dropline styling to a menu generated by WordPress 3's new native menu generator at http://69.175.35.82/~southbro/?page_id=299.  The challenge is to effect the appearance via css alone since the xhtml is generated dynamically.

Currently level two menu items are display by default as desired except that the whole row of them aligns to the left instead of centering below the parent item.  

Any suggestions on how to align the level two menu items centered below their parent or at least in the center of the full width?

Thanks in advance.
teenawAsked:
Who is Participating?
 
FahdmurtazaConnect With a Mentor Commented:
I think starting from line 40 where you see this line

float:left;

If you change it to

float:right;

that would be better as you page's navigation main links are right aligned.


Regards,
Fahd Murtaza
ul#menu-primary-menu ul.sub-menu li {
border-top:medium none;
color:#333333;
float:left;
height:41px;
margin-left:0;
}

Open in new window

0
 
FahdmurtazaCommented:
Also you can try this jquery method as well. Thid would give you more precise control

http://www.seoadsensethemes.com/wordpress-multi-level-drop-down-menu-using-jquery/

You can also follow the same CSS for your existing wordpress 3.0 menu.

Good luck.

Regards,
Fahd Murtaza
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.