Problem with responsive design

  • Resolved palomar83

    (@palomar83)


    8 years ago

    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

    (@isabel104)

    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 for more examples.)

    • This reply was modified 7 years, 11 months ago by isabel104.
Viewing 1 replies (of 1 total)
  • The topic ‘Problem with responsive design’ is closed to new replies.