Return to previous page

1 Column for Mobile View - by MondayFiles

This topic has 2 replies, 2 voices, and was last updated 7 years, 6 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

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Industrial Power Tools Store – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Sport Store – WordPress 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.