Solved

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

Posted on 2010-09-04
2
787 Views
Last Modified: 2012-05-10
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
Comment
Question by:teenaw
  • 2
2 Comments
 
LVL 6

Accepted Solution

by:
Fahdmurtaza earned 500 total points
ID: 33608205
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
 
LVL 6

Expert Comment

by:Fahdmurtaza
ID: 33608211
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

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
I annotated my article on ransomware somewhat extensively, but I keep adding new references and wanted to put a link to the reference library.  Despite all the reference tools I have on hand, it was not easy to find a way to do this easily. I finall…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now