Issue with mobile

  • Resolved tconcato

    (@tconcato)


    7 years, 2 months ago

    Hello!
    First of all thank you for the fantastic plugin! It is simple to use and works fantastic on desktop.
    I have one issue on mobile, as you can see, the images are displayed too big and mess everything up.
    Do you have any idea of why it might happen?
    Thank you in advance!
    Best
    Tommy

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

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

    (@anoopranawat)

    7 years, 2 months ago

    Hello,

    Can you please make slide autoplay false autoplay="false"
    So we can check and find a solution

    Thanks

    Thread Starter tconcato

    (@tconcato)

    7 years, 2 months ago

    Dear Anoop, thanks a lot for your fast reply!

    I’ve put autoplay=”false” in the first 3 slides.

    Thank you again,
    Best
    T

    anoopranawat

    (@anoopranawat)

    7 years, 2 months ago

    Hello,

    If you like our Plugin Please Give You important Rate and Review Here…

    Thanks,

    Thread Starter tconcato

    (@tconcato)

    7 years, 2 months ago

    Hello Anoop,

    For sure I’ll leave a review, but I’d like the issue to be solved first, so I can leave a good one!

    I stopped the autoplay on the first three slides as you asked and I was waiting for your feedback.
    Do you please have a solution to fix the issue on mobile?

    Thank you!
    T

    anoopranawat

    (@anoopranawat)

    7 years, 2 months ago

    Hello,

    Sorry for the inconvenience we thought your problem is solved but still there.

    Actually, there is an issue in your active theme CSS so need to remove it

    Please go to the following file
    wp-content/themes/freestore/templates/css/woocommerce-standard-style.css
    Now edit this file and go to line no 954 find this code

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 100% !important;
	margin: 0 0 24px !important;
}

    And replace this CSS with following CSS

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 100%;
	margin: 0px !important;
}

    Now next go to line no 796 same file and find the following code

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 48% !important;
	margin: 0 1% 22px !important;
	clear: none !important;
}

    And replace this CSS with following CSS

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	width: 48%;
	margin: 0px !important;
	clear: none !important;
}

    If you facing any issue then find our site and join our live chat our technical team will help you

    Thanks

    • This reply was modified 7 years, 2 months ago by anoopranawat.
    Thread Starter tconcato

    (@tconcato)

    7 years, 2 months ago

    Dear Anoop,
    thank you very much fo your quick response and for looking into this!

    I modified the files, but unfortunately the issue is still there.
    I will contact the support via the chat and update this ticket later.

    Thank you again,
    Best
    T

    anoopranawat

    (@anoopranawat)

    7 years, 2 months ago

    Hello,

    Does your problem solve?

    Thanks

    Osisis

    (@osisis)

    7 years, 2 months ago

    I am having this same issue on a site. On the desktop site the images are lovely, but on the mobile they are coming up oversized.

    anoopranawat

    (@anoopranawat)

    7 years, 2 months ago

    Hello @osisis

    Can you please share your page URL so we can check and help you

    Thanks

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

The topic ‘Issue with mobile’ is closed to new replies.