Items and cart image not displaying correctly?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Ewout

    (@pomegranate)

    9 years, 9 months ago

    Hi There,
    It looks like your theme is adding an extra span to the menu item to get the orange line to show up on hover. This span doesn’t have any class, and the styles for it are applied to all spans in the menu, including the menu cart item. This is the cause of the garbled output…

    It’s strange that they didn’t do this by adding a border-top for the hover item… But you can override these styles like so:

    nav.main_menu>ul>li>a span.cartcontents {
	height: auto;
	width: auto;
	position: relative;
}

li.wpmenucartli:hover>a span.cartcontents {
	background: none;
}

li.wpmenucartli:hover {
	border-top: 3px solid #F76C2C;
}

li.wpmenucartli:hover a {
	line-height: 55px !important;
}

    Only tested in Chrome, it might need some adjustments. If you don’t care about the orange line, you can just leave out the :hover styles.

    Have a great day!

    Thread Starter meganedias

    (@meganedias)

    9 years, 9 months ago

    Worked wonderfully — thank you!

    Plugin Contributor Ewout

    (@pomegranate)

    9 years, 9 months ago

    You’re welcome! Feel free to leave us a review here:
    http://wordpress.org/support/view/plugin-reviews/woocommerce-menu-bar-cart

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Items and cart image not displaying correctly?’ is closed to new replies.