Display problem on product/ category page

Solved5 replies3 participantsUpdated by Eva Kemp

  • Avatar: Trendyfeel
    Trendyfeel
    Participant

    Hi, please find the screenshot below. How can I fix the problem to make the product name and product category display properly? At the moment, they are overlapped. Many thanks.

    http://imgur.com/MX9DSbO

    Please, contact administrator
    for this information.

    5 Answers

    Avatar: Brian Johnson
    Brian Johnson
    Member

    Hello

    Please replace this code in custom.css:

    .slide-item .product .product-name, .products-grid .product .product-name {
       height: 50px;
    }

    to this one:

    .single-product-page .slide-item .product .product-name, .single-product-page .products-grid .product .product-name {
       height: 50px;
    }

    This will make your slider to be lined up on single product pages and code will not break other pages layout.

    With best regards
    Brian Johnson

    Avatar: Trendyfeel
    Trendyfeel
    Participant

    Hello Brian

    Thanks for your reply. But it is still not quite right as yet. Please see the screenshot below:

    http://imgur.com/z9HgpFX

    Two Items are still not in one line.

    What to do now please?

    Many thanks.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    Please try to use this code:

    .slide-item .product .product-name, .products-grid .product .product-name {
        height: 90px !important;
    }

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Trendyfeel
    Trendyfeel
    Participant

    Working now, thanks Eva!

    Avatar: Eva
    Eva Kemp
    Participant

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

The issue related to '‘Display problem on product/ category page’' has been successfully resolved, and the topic is now closed for further responses