New Landing › How can we help? › Atelier › Different layout for mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Atelier
  • April 22, 2017 at 1:38 pm #321963
    Sheepys
    Member
    Post count: 23

    Hi there,

    I’m trying to get a different look on mobile devices. The text is perfect on laptop but not on mobile devices.

    I found the following code but I’m not sure where to add it or if it will work for me.

    Please can you advise?

    @media only screen and (max-width: 479px) {
    .woocommerce .products .product.product-layout-list figure {
    width: 100%;
    }
    .woocommerce .products .product.product-layout-list .product-details .product-desc {
    display: none;
    }
    }

    April 25, 2017 at 9:28 am #322181
    David Martin – Support
    Moderator
    Post count: 20834

    What text are you referring to? Please provide a screenshot.

    What are you trying to acheive?

    Thanks.

    April 27, 2017 at 5:06 pm #322610
    Sheepys
    Member
    Post count: 23

    Hi there… It was just occurring on mobile, so what I’ve done is centre the text which had no indent on the page and that has fixed it for time being.

    Might need a more permanent solution at another time.

    April 28, 2017 at 7:06 pm #322804
    David Martin – Support
    Moderator
    Post count: 20834

    Would need a URL/screenshot to help further.

    Thanks.

  • Back to forum
    Posted in: Atelier
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register