Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 3, 2016 at 1:40 am #719978
    getmebrian

    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

    December 5, 2016 at 10:27 pm #720715
    getmebrian

    Any updates/guidance on this?

    December 5, 2016 at 11:37 pm #720731
    Yigit

    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

    December 7, 2016 at 4:06 am #721305
    getmebrian

    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

    December 7, 2016 at 4:31 pm #721569
    Yigit

    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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.