Hi again,
Two things:
1. Our WooCommerce Cart color is weird. It just appears as a white box with a visible number showing the # of items in the cart. See image here: http://imgur.com/wz0hbl7
And here: http://imgur.com/WBM2JUm
We obviously want this to look attractive. How do we update this so that it doesn’t look like this?
2. Also, the highlight coloring over the last item in the navigation gets cuts off. See two images below of this:
#1: http://imgur.com/t6kCpZE
#2: http://imgur.com/YYqT1oA
Any ideas?
Thank you kindly,
Brian
Any updates/guidance on this?
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 13px;
}
.header_color .cart_dropdown_first .cart_dropdown_link {
color: #666666;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit
Thank you, this seems to fix the visibility issue when the menu is expanded. There is a problem when the menu collapses into it’s stacked format where the cart overlays (or sits on top of) the menu. This only happens when the screen is above 768 and less than 1068. See image here: http://imgur.com/a/ARh07
Also, when the nav menu is expanded, the cart is aligned too far to the right, cutting off the right side of the cart box: http://imgur.com/UJmrAza
Thanks for your help,
Brian
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
right: 70px;
}}
Best regards,
Yigit