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, 11 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

Royal – WooCommerce WordPress Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Hipster Store – WordPress WooCommerce Theme

lazy-placeholder

Babyland 01 – WordPress WooCommerce Theme

lazy-placeholder

Minimalist Outfits – WordPress WooCommerce Theme

lazy-placeholder

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Pizza Store – WordPress WooCommerce Theme

lazy-placeholder

Home Decor Store – WordPress WooCommerce Theme

lazy-placeholder

Spa – 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.