WooCommerce Product Categories/Tags Exceed page width

This topic has 4 replies, 2 voices, and was last updated 4 years, 3 months ago ago by Olga Barlow

  • Avatar: SDM
    SDM
    Participant
    December 9, 2019 at 10:36

    The WooCommerce page for products has a bug where the content of text exceeds the page width and doesn’t break into new lines.

    If the product has a lot of categories/tags, the text displayed for this continues in one line rather than breaking into the next line.

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 9, 2019 at 11:16

    Hello,

    Go to XStore > Theme Options > Theme Custom CSS > add the following code to custom CSS area

    .product_meta > span, .product_meta > div {
        flex-wrap: nowrap;
    }
    .product_meta .products-page-cats a, .product_meta .tagged_as a {
        white-space: normal;
    }

    Regards

    Avatar: SDM
    SDM
    Participant
    December 16, 2019 at 11:05

    Thanks, that’s the CSS added, but the issue still appears on certain product pages.

    Please advise.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 16, 2019 at 16:39

    Hello,

    1) Remove the following custom code

    .product_meta > span, .product_meta > div {
        flex-wrap: nowrap !important;
    }

    2) Is this normal tag https://prnt.sc/qbkph7 ? Because it looks like just copy-past sentence that makes no sense. Maybe you wanted to add them as separate tags but added all these words like 1 tag.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.