Remove hover effect from flyout shopping cart icon and always show with cart items.

Hello,
I have used ArtFactory Theme. I've some customization with mini shopping cart. Now It's moved from top to right sidebar. When the page first time load the cart exposed with list of items, but when I hover mouse on the cart it's become collapse. I want it's always exposed and sticky.
In which part I can remove hover effect from flyout shopping cart icon.
I've comment out script section in HeaderLink.cshtml
But There is no effect.
Thank You.

Have a look my Demo site: http://gafood.bdweb.biz



                //$('.shopping-cart-link').on('mouseenter', '#topcartlink', function () {
                //    $('#flyout-cart').addClass('active');                  
                //});
                //$('.header').on('mouseleave', '#topcartlink', function () {
                //    $('#flyout-cart').removeClass('active');
                //});
                //$('.header').on('mouseenter', '#flyout-cart', function () {
                //    $('#flyout-cart').addClass('active');
                //});
                //$('.header').on('mouseleave', '#flyout-cart', function () {
                //    $('#flyout-cart').removeClass('active');
                //});

Hi zahir,

By default in the Nop ArtFactory theme, we do not use the active class for the flyout cart. You can see it on our demo. So I am not sure how this active class is there by default.

When you first load your page, you see the flyout shopping cart expanded because it is loaded with an "active" class. Would it be possible to double check your FlyoutShoppingCart.cshtml view and see whether there is an "active" class by default.

The other way is to have your own js written for the theme which adds this class.

Hope this helps.

Please let me know if you still have problems with that.