Collision with Avada theme

  • Resolved Mare13ki

    (@mare13ki)


    7 years, 5 months ago

    Hi, I am having problems with your plugin using Avada theme. Plugin is really great but there are responsive problems. On desktop everything is fine, but on tablets and mobile phones it is not. You can check that URL I have posted, and shrink down the screen to >991px. And you will see only empty black space with products not showing correctly.

    But when you inspect the page you will see this code http://prntscr.com/lu12u8

    If you uncheck float: none!important; products are showing just fine.

    I don’t understand why. Even that rule is crossed it somehow have impact on how products are shown.

    Since that code is somehow generated dynamicaly by Avada, there is no file where I could remove it, I was wondering how could I rewrite that?

    I have added
    .wcpscwc-product-slider .products li {
    float: left !important;
    }

    But it is not working. So, as I said, only when I remove that rule float:none products are shown.

    Btw I think Avada is most popular theme so many users may have this problem, I think it would also be good for your plugin rating if we could solve this.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • anoopranawat

    (@anoopranawat)

    7 years, 5 months ago

    Hello,

    Please add this CSS below where you have previously added custom css.

    @media only screen and (max-width: 991px) {
body .wcpscwc-product-slider-wrap .wcpscwc-product-slider .products li {float: left !important;}
}

    Thanks

Viewing 1 replies (of 1 total)

The topic ‘Collision with Avada theme’ is closed to new replies.