please take a look on this page
in mobile view, the image is too big that only part of it can be showed, what css i can use so as to resolve this problem?
thanks
|
|
Hi,
Can you try this extra CSS:
@media (max-width: 768px) {
iframe[src*="instagram"] {
max-width: 100% !important;
height: auto !important;
}
}
Add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.
P.S. Unfortunately there is no way to control the exact aspect ratio of the iframe widget so, you may need to remove the height style if the image is being cut.
BR,
ThemeBurn team
|
|
@media (max-width: 768px) {
iframe[src*="instagram"] {
max-width: 100% !important;
}
}
it work well in my site if skip the “height: auto !important;”
thanks!
|
|
Glad we’ve helped, mate!
BR,
ThemeBurn team
|
|