Return to previous page

2 products beside each other on mobile - by Andre

This topic has 4 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Eva Kemp

  • Avatar: andre@nuhouse.ie
    Andre
    Participant
    June 26, 2015 at 09:05

    Hello i am trying to get 2 products side by side on a smartphone is this possible with some css?

    Or would i do this in the block settings of the product?

    I currently have a single product being displayed on a phone: http://prntscr.com/7lhj13

    https://marygrant.com/wp-login.php

    Please, contact administrator
    for this information.
    #71764 Copied
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 26, 2015 at 09:15

    Hello,

    Please use this code in custom.css file

    @media only screen and (max-width: 480px){
.product {
  width: 50% !important;
}}

    Regards,
    Robert Hall.

    #71770 Copied
    Avatar: andre@nuhouse.ie
    Andre
    Participant
    June 26, 2015 at 11:16

    Once again that has sorted the issue, well done. Thanks Andre

    #71811 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    June 26, 2015 at 11:31

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #71818 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘2 products beside each other on mobile’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – 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.