Adding dropdown menu hover effect to Product Category Widget

  • krisscross90

    (@krisscross90)


    10 years, 6 months ago

    Anyone know how to add a hover effect to my product category widget, so that when I hover on the categories, the .children ul will appear. I tried doing this within the wordpress menu area but the categories that I’ve set up don’t seem to show up there. I know that there’s a dropdown menu option, but I would like all of the options to show on the page.

    Thanks in advance! 🙂

    http://wordpress.org/plugins/woocommerce/

Viewing 1 replies (of 1 total)
  • Thread Starter krisscross90

    (@krisscross90)

    10 years, 6 months ago

    I’m trying to do something like this but it’s not working….

    ul.product-categories li.cat-item ul.children li.cat-item {
	display: none;
}

	ul.product-categories li.cat-item :hover > ul.children li.cat-item {
		display: block;
	}
ul.product-categories li.cat-item {position: relative;display: block-table;}
ul.product-categories li.cat-item:after {content: ""; clear: both; display: block;}

ul.product-categories li.cat-item ul.children {
	background: #5f6975; border-radius: 0px; padding: 0;
}
	ul.product-categories li.cat-item ul.children li.cat-item {
		float: none;
		position: relative;
	}
		ul.product-categories li.cat-item ul.children li.cat-item a {
			padding: 0;
			color: #fff;
		}
			ul.product-categories li.cat-item ul.children li.cat-item a:hover {
				background: #4b545f;
			}
Viewing 1 replies (of 1 total)
  • The topic ‘Adding dropdown menu hover effect to Product Category Widget’ is closed to new replies.

Tags