• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 862
  • Last Modified:

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.
0
teenaw
Asked:
teenaw
  • 2
1 Solution
 
FahdmurtazaCommented:
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

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now