Return to previous page

How to make wysiwyg images responsive - by walkerk2@mac.com

This topic has 4 replies, 3 voices, and was last updated 8 years, 8 months ago ago by Jack Richardson

  • Avatar: walkerk2@mac.com
    walkerk2@mac.com
    Participant
    April 26, 2016 at 04:34

    Hi, the banner images that I’m using are not scaling down at various breakpoints. These images are added in the Description area under Edit Product Category. How can I make these scale down OR just hide at the /* 640px <= width < 768px */ breakpoint?

    #122879 Copied
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    April 26, 2016 at 07:25

    Hello,

    Please try to add this code in custom.css file

    @media only screen and (max-width: 768px){
   .term-description{
      display:none;
   }
}

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall

    #122889 Copied
    Avatar: walkerk2@mac.com
    walkerk2@mac.com
    Participant
    April 27, 2016 at 04:39

    Worked perfectly, thanks!

    #123062 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 27, 2016 at 08:27

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

    #123082 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to make wysiwyg images responsive’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Plants Store– WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – 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.