Title: Problem with responsive design
Last modified: November 19, 2016

---

# Problem with responsive design

 *  Resolved [palomar83](https://wordpress.org/support/users/palomar83/)
 * (@palomar83)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/problem-with-responsive-design-2/)
 * Hello,
 * I ticked the box “show attributes on shop pages” but as I didn’t want all my 
   attributes to show up I used “.products .pa_attribute {display: none;}” instructions
   in the style.css file of my child theme. It works very well except when my design
   gets responsive, under 992px in width, then all the attributes show up. I noticed
   that at this time woocommerce.css is used and no longer style.css.
 * Thank you for your help,
 * Nicolas

Viewing 1 replies (of 1 total)

 *  Plugin Author [isabel104](https://wordpress.org/support/users/isabel104/)
 * (@isabel104)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/problem-with-responsive-design-2/#post-8577949)
 * Hi,
    This is not an issue with this plugin because it has no control over your
   CSS stylesheets. Is it possible that you are using a plugin that switches out
   your style.css for small screens?
 * More importantly, ever since WordPress 4.7, you can now add custom CSS styles
   right in the Customizer. You can see this in your WordPress dashboard –> Appearance–
   > Customize. Then, click on “Additional CSS.” Inside the Customizer, navigate
   to one of your product pages (or Shop page) so that you can test your CSS and
   preview how it will appear.
 * You can hide all of the attributes with this CSS:
 * `ul.custom-attributes { display:none }`
 * Or, hide just one attribute with this (replace “YOUR-ATTRIBUTE-SLUG” with your
   own):
 * `ul.custom-attributes li.YOUR-ATTRIBUTE-SLUG { display:none }`
 * (See [Styling the Attributes](https://isabelcastillo.com/docs/styling-the-attributes)
   for more examples.)
    -  This reply was modified 9 years, 5 months ago by [isabel104](https://wordpress.org/support/users/isabel104/).

Viewing 1 replies (of 1 total)

The topic ‘Problem with responsive design’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/woocommerce-show-attributes_d1b9b7.
   svg)
 * [WooCommerce Show Attributes](https://wordpress.org/plugins/woocommerce-show-attributes/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-show-attributes/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-show-attributes/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-show-attributes/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-show-attributes/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-show-attributes/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [isabel104](https://wordpress.org/support/users/isabel104/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/problem-with-responsive-design-2/#post-8577949)
 * Status: resolved