Return to previous page

2 problems, mobile one product and title not showing by product

This topic has 2 replies, 2 voices, and was last updated 4 years, 1 months ago ago by Olga Barlow

  • Avatar: heino
    heino
    Participant
    December 24, 2020 at 01:06

    Hello,

    I would like to show 1 product per row on mobile instead of 2 products per row. I had already asked this and got to see css, see website on mobile, text will also be placed over product image and is very ugly.

    Hello, Add the below code to Theme Options > Custom CSS to show 1 product per row on mobile device @media only screen and (max-width: 480px){ .products-grid .product { width: 100%; } } Regards

    My other question is that the title and small description are missing, but the single product builder is set in section 2, title, short descriptioin, price, add to cart, sharing set up

    Please, contact administrator
    for this information.
    #265634 Copied Theme version: 7.2.2 WooCommerce version: 4.8.0
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    December 24, 2020 at 15:16

    Hello,

    1) Replace the previous code with the code below

    @media only screen and (max-width: 480px){ 
    .products-grid .product, 
    .products-list .product { 
        width: 100%;
        }
}

    2) You added classes to hide the title in the Elementor settings and it causes the issue http://prntscr.com/w97lu0
    I have removed that and title is ok.

    Also, make sure that you add the short description for your products http://prntscr.com/w96wyc

    Regards

    #265711 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
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – 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.