GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Webmaster Q & Fuckin' A (https://gfy.com/forumdisplay.php?f=27)
-   -   WP Dropdown Menu? (https://gfy.com/showthread.php?t=1113791)

Tittytweaker 06-27-2013 02:04 PM

WP Dropdown Menu?
 
Hey guys.

I'm looking for a way to add a drop down menu to my wordpress site. I thought the way to do this was by simply putting the different categories under one parent category. I was pretty sure that's how it worked with the default theme, but apparently my theme isn't made to do that, or I'm doing it wrong.

Can anyone shed some light on this?

defunk 06-27-2013 02:13 PM

I think you can only do it if you have your cats in a wigit - it gives you the option of

"Display as dropdown"

Tittytweaker 06-27-2013 05:45 PM

Did a little searching, and it appears that my theme does have some CSS for a dropdown menu.

Code:

.navigation { height: 38px; margin: 14px auto 0 auto; background: url(images/menu-bg.png) repeat-x left top; }
.navigation ul li { height: 37px; margin: 1px 0 0 0; padding: 0 21px 0 20px; line-height: 37px; font-family: bebas-neue; font-weight: normal; font-size: 22px; float: left; background: url(images/menu-delimiter.png) no-repeat right top; }
.navigation ul li a { text-decoration: none; }
.navigation ul li a:hover { color: #fb479c; }

/* Some code from this tutorial http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html */

.navigation ul.menu li { position: relative; }
.navigation ul.menu li span { color: #fb479c; }
.navigation ul.menu li span.subhover { cursor: pointer; }
.navigation ul.menu li ul.sub-menu { position: absolute; left: -1px; top: 37px; display: none; padding: 0; margin: 0; }
.navigation ul.menu li ul.sub-menu li { width: 184px; height: 27px; line-height: 27px; text-indent: 14px; font-size: 12px; font-weight: normal; background: url(images/left-menu-bg.png) no-repeat left top; text-align: left; padding: 0; margin: 0; }

/* End of code from tutorial */

It appears on the menu section you can just drag and drop menu items underneath one another. So mission accomplished as far as that goes. However, I have to hover the mouse over the text in order to be able to click it. What do I have to change so that I only have to hover the mouse over the "box" to activate the rollover color and click it? Much more convenient that way since you don't have to be so precise with the mouse.

JanuaryJones 07-07-2013 01:29 PM

At about line 39 of your stylesheet you will see this:
.navigation ul li a {
text-decoration: none;
}

Add this: display:block; so now you have this:
.navigation ul li a {
text-decoration: none;
display: block;
}

Now you can hover anywhere over the "block" or box that contains the link.

Tittytweaker 07-07-2013 04:33 PM

Awesome, thank you, that did the trick!


All times are GMT -7. The time now is 10:03 AM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123