New Update Created a Problem with Mobile View

This topic has 5 replies, 3 voices, and was last updated 10 years, 6 months ago ago by Robert Hall

  • Avatar: gurhan
    gurhan
    Participant
    June 24, 2015 at 14:48

    If you go to the categories page with your mobile device or your tablet (when it is vertical), the titles of the products are hidden under the product pictures.

    Here’s an example –> http://www.beaux-artsclassicproducts.com/product-category/decorative-grilles/arts-and-crafts-grilles/

    NOTE: Use an iPhone or HTC, not a laptop or a desktop

    4 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    June 24, 2015 at 15:45

    Hello,

    Please try to add use this code in custom.css file:

    @media (max-width: 480px) {.products-list .product .product-image-wrapper {
        left: 28% !important;
        transform: translateX(-60%) !important;
    }}

    Regards,
    Eva Kemp.

    Avatar: Robert Hall
    Robert Hall
    Participant
    June 24, 2015 at 15:46

    Hello,

    Please try to add this code in custom.css file or Child Theme.

    @media only screen and (max-width: 768px){
    .products-list .product .product-details {
      width: inherit !important;
    }}

    Regards,
    Robert Hall.

    Avatar: gurhan
    gurhan
    Participant
    June 24, 2015 at 15:59

    that did the trick Eva… Thank you!

    Avatar: Robert Hall
    Robert Hall
    Participant
    June 24, 2015 at 16:04

    You’re welcome!

    Regards,
    Robert Hall.

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

The issue related to '‘New Update Created a Problem with Mobile View’' has been successfully resolved, and the topic is now closed for further responses

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