Viewing 8 replies - 1 through 8 (of 8 total)
  • https://imgur.com/a/uJQiD0D

    The above is not 600px height

    Plugin Support Aditya Shah

    (@ethicaladitya)

    The below CSS works fine for me. Please check the screenshot here.

    .ig_body{
    max-height: 540px !important;
    }

    Hope this helps you. Please let me know your website URL if you still face issues.

    • This reply was modified 5 months, 2 weeks ago by  Aditya Shah.

    This works now.

    However, it’s not responsive. Too big for mobile view, can you please make it responsive?

    Plugin Support Aditya Shah

    (@ethicaladitya)

    Please use the below-mentioned CSS to change the size on mobile.

    .ig_body{
    max-height: 540px !important;
    }
    @media only screen and (max-width: 600px) {
        .ig_body {
            max-height: 200px !important;
        }
    }

    Hope this helps you.

    However, the content just crop to 200px height in mobile view. It’s not showing in proportion.

    How to make it smaller by setting a % so that it shows in a proportional size?

    What’s the code for mobile responsive, resize by % in proportion?

    What’s the code for mobile responsive, resize by % in proportion?

    Plugin Support Aditya Shah

    (@ethicaladitya)

    Please use the code

    .ig_body{
    max-height: 540px !important;
    }
    @media only screen and (max-width: 600px) {
        .ig_body {
            max-height: 12em !important;
        }
    }
    

    This will make it mobile responsive, please try and let me know how it goes for you.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.