Solved

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

Posted on 2010-09-04
2
809 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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
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…

776 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