Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Hi there,

I'm trying to hide the menu from this page: https://www.tridentresults.com on here: https://onetime.sport/events/

I'm using this short code but can't get it to work:

[advanced_iframe src="https://www.tridentresults.com" width="100%" height="1400" hide_elements=".header navbar yamm navbar-default navbar-static-top fixedheader,.fixedheader-spacer"]

I managed to hide the menu using google console with this code:

var all = document.getElementsByClassName('navbar yamm navbar-default navbar-static-top fixedheader');
for (var i = 0; i < all.length; i++) {
all[i].style.display = 'none';
}
var all = document.getElementsByClassName('fixedheader-spacer');
for (var i = 0; i < all.length; i++) {
all[i].style.display = 'none';
}

Please help!

If you could provide the code to hide the footer as well that would be great.

Thanks
Connar

Hi

https://www.tridentresults.com and
https://onetime.sport/events/

are different domains! so you don't have direct access.
You need to use the external workaround to hide elements in the iframe.

Please see here:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-with-post-message
for a working example.

If you don't have access then putting a kind of viewport over the iframe is the other option:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/show-only-a-part-of-the-iframe
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/hide-a-part-of-the-iframe

Best, Michael