CSS Wordpress Help Needed Please

[clickity click]

Hi,

I am trying to get a second navigation menu working on my wordpress blog but I am having trouble styling it. I know nothing about CSS.

Basically I have this in my header.php

<?php wp_nav_menu( array( 'theme_location' => 'new-menu' ) ); ?>

The menu items are displaying but they are in a long list..

I want them to look similar to this:


This is the current css for the top Nav I presume.

5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

I tried changing them from main-navigation to new-menu but it didn't do a fucking thing.

Thanks.

[Rob]

Why don't you just go into Appearances > Menus and edit the menus there? You can drag/drop them into sub menus, and even sub-sub-sub menus.

That seems to be the most simple way to skin this cat. No need to edit CSS or PHP.

Edit: Maybe I'm reading this wrong, can you upload a screen cap of the way it is now?

[clickity click]

Why don't you just go into Appearances > Menus and edit the menus there? You can drag/drop them into sub menus, and even sub-sub-sub menus.

That seems to be the most simple way to skin this cat. No need to edit CSS or PHP.

I need to second navigation menu. My theme only supports one so I have had to add a second using the above code plus editing functions.php but the css isn't formatted right..

[clickity click]

Bumping this shit up. I know 92% of you guys know how to do this.
I need a quick solution. Like tonight.

[myleene]

Hit me up and I'll do it for you. Could be delivered today with a payment by PayPal.

[pinkz]

.main-navigation a {
display: block;
text-decoration: none;

change the above to the below

.main-navigation a {
display: inline;
text-decoration: none;

should work, no paypal required!

[clickity click]

.main-navigation a {
display: block;
text-decoration: none;

change the above to the below

.main-navigation a {
display: inline;
text-decoration: none;

should work, no paypal required!

Thanks, I didn't try it yet, will later.

[Freedom6995]

Hi,
I know nothing about CSS.

Time to expand your skill set. ;)

[PornDiscounts-V]

Time to pay somebody

[clickity click]

Time to pay somebody

Well not really, if the solution is as simple as changing block to inline as posted above.
Why pay for 6 characters?

[clickity click]

Thanks, I didn't try it yet, will later.

Tried it, fucked my site up. Nm

[Freedom6995]

Tried it, fucked my site up. Nm

Code was correct. You fucked it up.

[CPA-Rush]

Hit me up and I'll do it for you. Could be delivered today with a payment by PayPal.

[clickity click]

Time to pay a coder lol.

[kuskka]

I can help you if you create a CodePen showing the issue: CodePen - Front End Developer Playground & Code Editor in the Browser

It's hard to know what's happening without seeing the code. Or you can contact me and I'll check your theme and see what's happening!

[MakeMeGrrrrowl]

Time to pay somebody

I suggest this guy right here!!!!!!!!!!! =)

[clickity click]

Offering $2 by PayPal

[VladS]

What do you mean by "they are in a long list"? Can you email me full info on this? Sounds like a quick fix, i'll help you out. Free of charge, you can buy yourself a beer on my behalf for those 2 bucks

vlad /at/ faxite /dot/ com

L.E.: You mean the menu items should be one below the other versus one next to the other? If so, add float: left; to main-navigation a.

L.E. 2: Rereading, you do want it horizontal, you can try adding display: inline-block; float: left; width: auto; Best to email me your site URL if you don't want it public and i'll email you back the exact solution.

[clickity click]

What do you mean by "they are in a long list"? Can you email me full info on this? Sounds like a quick fix, i'll help you out. Free of charge, you can buy yourself a beer on my behalf for those 2 bucks

vlad /at/ faxite /dot/ com

L.E.: You mean the menu items should be one below the other versus one next to the other? If so, add float: left; to main-navigation a.

L.E. 2: Rereading, you do want it horizontal, you can try adding display: inline-block; float: left; width: auto; Best to email me your site URL if you don't want it public and i'll email you back the exact solution.

Thanks for the offer. I will that when I get chance.
If I can't sort it I will be in touch.
Thanks, I can't buy myself a beer with the 2 bucks but I might be able to get a 1/2.