Okay
  Public Ticket #2097567
Iframe loading issue in Tabbed content
Closed

Comments

  • whitesock_hun started the conversation

    Hi,

    We use iframe under tabs. 2 tabs within the same page and one iframe under every tab. In the last 2 months, we noticed that only one embedded iframe loads. If we click on the other Tab, the iframe content will be empty. But the missing iframe loads when I resize the window AND the other tab will be empty. 

    https://activityiceland.is/bokuntest/

    You can see the issue here.

  •  8,994
    Tahir replied

    Hey Again,

    Yes this is a technical limitation of Tabs/Toggles as the browser only renders the Visible Tab Content . You will have to use a different layout .

    Best 


    ThemeNectar Support Team 

  • whitesock_hun replied

    Hi,

    thanks for your answer. 

    I don't really understand... We've been using Salient for years and it worked well. So why is this new technical limitation?

    If I click Tab2, then Tab2 is the visible one. So it should load the iframe.

    I've tried it with a different WP theme and it's working without any problem. (https://wanderlust.hu/bokuntest/)

    If this theme doesn't support it anymore we have to stop using Salient and choose another Wp theme. 

  •  8,994
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .wpb_tab iframe {
        min-height: 400px;
    }

    Thanks


    ThemeNectar Support Team 

  • whitesock_hun replied

    It's working! Thank you for the great support!