Return to previous page

Product Archive Template for mobile device 2 columns

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

  • Avatar: hscoms
    hscoms
    Participant
    February 25, 2018 at 13:06

    Hi,

    I would like to have show 2 columns of products on teh product archive template page for mobile devices.

    Can you help me?

    Harry

    #186227 Copied
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 26, 2018 at 08:39

    Hello,

    Please add this code in Theme Options > Custom css > Custom css for mobile:

    .products-grid .product {
    width: 50% !important;
}
.products-grid .product .button.addtocartbutton {
    padding-right: 0px;
    padding-left: 0;
    width: 75%;
}

    Regards

    #186260 Copied
    Avatar: hscoms
    hscoms
    Participant
    February 26, 2018 at 10:08

    Hi Rose,

    Thank you for the prompt reply.

    I have added the css code to the mobile custom css but found no change on the mobile device. Still seeing one product view in grid.

    Please find the URL in private content.

    Please, contact administrator
    for this information.
    #186281 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 26, 2018 at 11:06

    Please change the previous code to this one:

    .products-grid .product-content-image {
    width: auto;
    height: auto;
}
.products-grid .product {
    width: 50% !important;
}
.products-grid .product-title {
    margin-bottom: 10px !important;
    height: auto !important;
}

    Regards

    #186292 Copied
    Avatar: hscoms
    hscoms
    Participant
    February 26, 2018 at 12:04

    Thank You Rose.

    Harry

    #186312 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 26, 2018 at 13:25

    You’re welcome!
    Have a nice day.

    Regards

    #186332 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

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

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Agricultural Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – 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.