View post on imgur.com
The above is not 600px height
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 7 years, 7 months ago by
Aditya Shah.
This works now.
However, it’s not responsive. Too big for mobile view, can you please make it responsive?
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?
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.
