Register with your Envato account

Support forums

Homepage Support Pandora WooCommerce How to make images on product description be responsive?

How to make images on product description be responsive?

Homepage Support Pandora WooCommerce How to make images on product description be responsive?

This topic contains 1 reply, has 2 voices, and was last updated by  Planetshine Support 3 years ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #4427

    petaframe
    Participant

    I’m using Pandora for my website, http://www.goodkiz.co.kr. And I’m trying to add image gallery on product description area.

    골지티 5-15호

    As you see on this page, the gallery doesn’t appear to be responsible, and I need to know how I can fix this.

    #4435

    Hey,

    Gallery is not supported in theme’s product description area. First of all you should specify column count, here is example shortcode:
    [gallery columns="4"]

    CSS custom coding is needed to apply responsive behavior to the images. Here is the responsive template:

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        /* Code for Tablet */
    }
    
    @media only screen and (max-width: 767px) {
        /* Code for Phone */
        // Example: show image block 100% wide
        #gallery-1 .gallery-item { width: 100%; }
    }
Viewing 2 posts - 1 through 2 (of 2 total)
You must have active support license to create new replies.

Learn more about Renewing Item Support and Themeforest Item Support Policy.

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close