Solved

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

Posted on 2010-09-04
2
830 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

The Ultimate Checklist to Optimize Your Website

Websites are getting bigger and complicated by the day. Video, images, custom fonts are all great for showcasing your product/service. But the price to pay in terms of reduced page load times and ultimately, decreased sales, can lead to some difficult decisions about what to cut.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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!
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…

691 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