Return to previous page

1 Column for Mobile View - by MondayFiles

This topic has 2 replies, 2 voices, and was last updated 6 years, 4 months ago ago by Rose Tyler

  • Avatar: MondayFiles
    MondayFiles
    Participant
    December 18, 2017 at 08:56

    Hi Support

    I have read the forums and added the code that i have found for 1 column on mobile view. Nothing seems to be working. Login details provided.

    @media only screen and (max-width: 480px)
    .template-content .shop-full-width .products-loop .product {
    width: 100%;
    }

    Please, contact administrator
    for this information.
    #180300 Copied
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 18, 2017 at 11:28

    Hello,

    Please try to use this code in Theme Options > Styling > Custom css > Custom css for mobile:

    .single-product .swiper-slide, .products-grid .product {
    width: 100% !important;
}

    or this one in style.css file of child theme:

    @media only screen and (max-width: 480px){
.single-product .swiper-slide, .products-grid .product {
    width: 100% !important;
}
}

    Regards

    #180320 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Bakery Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Transport – WooCommerce Theme

See All Templates

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