Issues on Mobile

  • Resolved discopegre

    (@discopegre)


    4 years, 7 months ago

    Hi! First of all, thank you for this wonderfull plugin, I wast’n unable to find any like this one, works like a charm in computer, in mobile thought not so great. I’ve create a test page, to not interfere in main site
    – https://loja.discopegre.com/mobile-test -.

    And I’m using this shortcode: [wcpscwc_pdt_slider limit=”5″ cats=”60″]

    There’re two main problens, the first one, the imagens won’t load and the second one, it’s all misconfigured, showing the products one under another, not in carrousel how’s supposed to be.

    I would appreciate some help :)`

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Ketan Patel

    (@patelketan)

    4 years, 7 months ago

    Hello,

    Thanks for reaching us…

    Actually, it’s not our plugin issue this is an issue for your theme CSS conflict so please follow the below step.

    1. Please go to wp-content -> themes -> oceanwp -> assets -> css -> style.min.js file.
    Please go style.min.css file and find “.col:not(.swiper-slide),.blog-entry” class and Please replace this CSS.

    .col:not(.swiper-slide),.blog-entry{width:100%;margin-bottom:25px}

    2. Please go to wp-content -> themes -> oceanwp -> assets -> css -> woo -> woocommerce.min.css file.
    Please go woocommerce.min.css file and find “.woocommerce .products.tablet-2-col .product” class and please replace this media CSS.

    @media only screen and (min-width: 481px) and (max-width: 768px) {
.woocommerce .products.tablet-2-col .product { width:50%; }
}

    Please check and let me know if you have anything else.

    Thread Starter discopegre

    (@discopegre)

    4 years, 7 months ago

    Hi, first of all thank you for your response.

It worked like a charm, but, after editing “.col:not(.swiper-slide),.blog-entry” class, the footer got disconfigured. I do not have great experience programing, but the diference betwen your code and the original one, is "!important" property. There's a work around?

Again, thank you for your assitance
    Ketan Patel

    (@patelketan)

    4 years, 7 months ago

    Hello,

    Please go to your Admin Panel->Appearance->Customize->Additional CSS.
    Please put the below CSS on your “additional CSS” section.

    @media only screen and (max-width: 767px) {
body .oceanwp-row .span_1_of_4{width: 100% !important;}
}

    Please check and let me know if you have anything else.

    If you like our plugin please rate and review it here…
    https://wordpress.org/support/plugin/woo-product-slider-and-carousel-with-category/reviews/

    Thanks,

    Thread Starter discopegre

    (@discopegre)

    4 years, 7 months ago

    Hi.

    Unfortunately didn’t work. Also I can’t click in the arows, they move up and down when I pass the mouse above it;

    Again, thank you for your assitance

    Ketan Patel

    (@patelketan)

    4 years, 7 months ago

    Hello,

    Please go to your Admin Panel->Appearance->Customize->Additional CSS.
    Please put the below CSS on your “additional CSS” section.

    .wcpscwc-product-slider .slick-arrow { top: 50% !important; }

    Please check and let me know if you have anything else.

    Thanks,

    Thread Starter discopegre

    (@discopegre)

    4 years, 7 months ago

    Also didn’t work 🙁

    Ketan Patel

    (@patelketan)

    4 years, 7 months ago

    Hello,

    We have checked your website and it’s working.

    Please check to below screenshot.
    https://www.awesomescreenshot.com/image/14813934?key=d01c67ef7df7dcc8eafcd624d8fac7b3

    Please check your website hard refresh(Ctrl+f5).

    Please explain your issue with a screenshot so we have understood.

    Thanks,

    Thread Starter discopegre

    (@discopegre)

    4 years, 7 months ago

    Thanks a lot by your patience and support, it’s working great!

    Ketan Patel

    (@patelketan)

    4 years, 7 months ago

    Hello,

    If you like our plugin please give you an important Rate and Review it Here…🙂
    https://wordpress.org/support/plugin/woo-product-slider-and-carousel-with-category/reviews/

    Thanks,

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Issues on Mobile’ is closed to new replies.