• Does anybody have the issue that woocommerce cart displays your items off screen to the right
    the cart totals are all correct and in view.

    I am using zerif lite theme, but think this is a woocommerce issue.
    I have noticed the same issue with review products order in the check out screen.
    The product tables for each section display off screen.
    I can correct each by adapting the html in ‘inspect element’ and adding a line break tag – this then aligns the table correclty, but i do not know how to fix this permenantly in the theme.
    Please help??

    https://www.ads-software.com/plugins/woocommerce/

Viewing 15 replies - 1 through 15 (of 15 total)
  • Thread Starter 71gazza

    (@71gazza)

    No one else with this issue?

    Or able to offer any help?

    Try adding the correcting CSS to a custom CSS option in your theme or to a custom CSS plugin.

    Plugin Contributor Mike Jolley (a11n)

    (@mikejolley)

    Also posting links or screenshots are helpful so other people know what you’re describing ??

    Thread Starter 71gazza

    (@71gazza)

    My site is not live.
    Is it possible to post screenshots, or must they be as a link?

    Plugin Contributor Mike Jolley (a11n)

    (@mikejolley)

    Upload them to a file sharing service.

    Thread Starter 71gazza

    (@71gazza)

    I have done a little more investigation and it seems to be a browser issue.
    I works fine in ie and chrome, just has a problem in firefox.
    Cart items are simply shifted to the right (just off screen)
    Could be a div issue?

    Thread Starter 71gazza

    (@71gazza)

    Hi, i can now shoe you what I mean.
    Please see this link
    The cart item do not display correctly in Firefox, but are fine in ie and chrome.

    Can anybody offer a firefox fix for the Custom CSS please??

    Thread Starter 71gazza

    (@71gazza)

    Anybody able to Help???

    Having the same issues. The site is off to the left and won’t scroll in FFox or Chrome. Works perfectly with IE. This is since the last update.

    Thread Starter 71gazza

    (@71gazza)

    Does anybody out there have an answer to the firefox display is in the cart / checkout screen?

    Personally to be able to help I would need to see the problem page in a browser so that browser tools can be used to examine the markup. Can you upload the site to a temporary location. The actual url doesn’t matter for this purpose.

    Thread Starter 71gazza

    (@71gazza)

    Click here – this will show you the issue.
    If I add a simple line break tag in front of the highlighted table tag it fixes the issue in firefox editor. it is fine in ie and chrome.
    What i want to know is how to adapt my site code to do this

    Can any body help????

    Thread Starter 71gazza

    (@71gazza)

    HELLO out there!
    Somebody must be aware of this issue with Mozilla firefox and the woo commerce cart display – Can anybody help?

    Any helper needs to see it in a browser just to be able to try to fix it.

    Did you try the support forums on www.ads-software.com:
    https://www.ads-software.com/support/theme/zerif-lite
    and the author’s site:
    https://themeisle.com/forums/

    I note Zerif Lite is a one page theme and although I’ve heard WooCommerce does work with one page themes they are not mainstream yet in my experience, so its likely to be a more challenging experience.

    If its not possible to show your site live, consider using the virtue theme. It is some 6 x more popular judging by total downloads, and I can vouch it is WooCommerce compatible.
    https://www.ads-software.com/themes/virtue/

    There are several other WooCommerce compatible themes on www.ads-software.com and some free and premium themes on https://www.woothemes.com.

    I think lots of people get attached to their theme but ultimately if a theme doesn’t work for you, try another.

    Bendesign

    (@bendesign)

    Hello 71gazza,

    I know the answer to your problem, because I had the same issue with a woocommerce-website. After a few hours of searching I could finde out, that it was a css-floating problem. To correct it go to “card.php”

    After the following Line: <?php do_action(‘woocommerce_before_cart_table’); ?>

    include this:
    <p style=”clear: both;”></p>

    This will fix your problem.
    Regards and good luck!

    Steve

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Woocommerce cart product display issue’ is closed to new replies.