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.
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):
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.
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
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.
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):
Thanks
ThemeNectar Support Team
It's working! Thank you for the great support!