Not working on mobile

  • Resolved Nicolas Castrillon

    (@nicolascastrillon)


    4 years, 7 months ago

    Hello, the plugin es very nice and easy to use, in PC is working ok, but on mobile is showing products too large and from up to bottom of the page. Thanks.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Anoop Ranawat

    (@anoopranawat)

    Hello @nicolascastrillon

    Its css conflict with your theme responsive.css #1035

    Please remove !important from :

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product, .related.products ul.products li, .upsells.products ul.products li {
    width: 100% !important;
    margin: 1em 0% 1em 0 !important;
}
    Thread Starter Nicolas Castrillon

    (@nicolascastrillon)

    Great! It’s working nice now. Thank you very much!

    Plugin Author Anoop Ranawat

    (@anoopranawat)

    Hey @nicolascastrillon

    Please share your rating and review if you like our plugin and support ??

    Hello @anoopranawat where I can find to woocommerce folder this css :

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product, .related.products ul.products li, .upsells.products ul.products li {
    width: 100% !important;
    margin: 1em 0% 1em 0 !important;
    }

    I can’t find at woocommerce-smallscreen.css

    Please help me too . . Thanks in advance for your help. .

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Not working on mobile’ is closed to new replies.

Tags