Okay
  Public Ticket #941359
Product humbnail navigation
Closed

Comments

  •  30
    damien started the conversation
    November 1, 2016 at 9:27pm

    Hi,

    1. When there are more than 4 images uploaded to a woocommerce product, the salient theme uses on-hover navigation icons for the small thumbnails that allows you to scroll left and right.

    How do I either delete these entirely or at least control their colour and hover colour/state? Currently they look weird as they have a strange opaque container around them.

    2. My last question is how to move the cart icon on mobile so that it appears to the left hand side of the logo instead of next to the burger icon? Currently they are too close and the tap targets are too small so I want to separate them if possible

    I've checked through the support tickets and cant see any answers to these 2 questions. 

    Thanks in advance for anything you can do to help. As per usual, your theme is epic!

    Thanks
    Damien


  •  8,996
    Tahir replied
    November 2, 2016 at 5:21pm

    Hey,

     I believe this is a bug and will be fixed in upcoming updates. 

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    
.iosSlider.product-thumbs .next_slide span, .iosSlider.product-thumbs .prev_slide span {
    background-color: transparent !important;
    color: #333 !important;
}
/* move cart icon to left */
header#top #mobile-cart-link {
    right: auto !important;
    left: 0px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  30
    damien replied
    November 2, 2016 at 5:50pm

    Hey Tahir,

    You sir are a genius, thankyou, these fixes worked like a charm.

    Thanks
    Damien