Return to previous page

Modify Responsive.css - by gurhan - on WordPress WooCommerce support

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

gurhan

Participant

January 2, 2019 at 21:22

I am trying to modify the width of the product content of the woocommerce single product page.

It seems, I have to deal with the responsive.css file: https://prnt.sc/m2b4dh

how do I modify it in the child-theme?

#206550 Copied Theme version: 4.7.2

1 Answer
Rose Tyler

Support staff

January 3, 2019 at 09:09
Hello,

You need to add code like this one:
```
@media screen and (min-width: 1200px) {
    .single-product .product-information {
        width: 100%;
    }
}
```
in style.css file of child theme.
https://prnt.sc/m2h3f2

Regards
#206575 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

Niche Market 03 – Multivendor WP WooCommerce Theme

lazy-placeholder

Web Agency – WordPress WooCommerce Theme

lazy-placeholder

Hotel – WordPress Theme

lazy-placeholder

Mango – Responsive eCommerce PSD Template

lazy-placeholder

Hosting Store – WordPress WooCommerce Theme

lazy-placeholder

Man Store – WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Ecotransport Store – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 01 – WordPress WooCommerce Theme

lazy-placeholder

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