Can’t use iframes

Hi @KeniVinh,

Thank you for reaching us. In tab content, the iframes of any videos are made responsive with CSS. For this, it may show partially if you embed another website with an iframe. We have noted the issue to figure out in the future version.

To fix the partial showing issue, you can use the following CSS in the custom CSS field by going to WP Tabs > Settings > Additional CSS.

@media screen and (max-width: 575px ) {
    #tab-12 .sp-tab-content .wp-tab-iframe-container {
        padding-bottom: unset;
        height: auto;
        overflow: auto;
    }
    
    #tab-12 .sp-tab-content .wp-tab-iframe-container iframe {
        position: relative;
        height: 300px !important;
    }
}

Note: replace 12 with your tab shortcode id and change 300px as per your need.

After using the CSS, let us know if it gets fixed the issue or not.

Thank you for your help, hopefully the next version will fix this. I’m impatient, so I’ve been looking for a new plugin with the same feature.

Hi @luong-quang-vinh,

Yes, the next version of the plugin will fix the issue. We would appreciate it if you consider using our plugin after the issue gets resolved.

Have a wonderful day.