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 3 years, 11 months ago ago by Olga Barlow

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
Olga Barlow

Support staff

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Handtools Store – WooCommerce Theme

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

Gaming – WooCommerce Theme

lazy-placeholder

Rental Car – WordPress WooCommerce Theme

lazy-placeholder

Lawyer – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress WooCommerce Theme

lazy-placeholder

WooPress – Responsive Creative HTML5 Template

lazy-placeholder

Real Estate – WordPress WooCommerce Theme

lazy-placeholder

Kids 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.