Black middle screen & menu not active when deploying

[eroticpink]

Hi there,

I have encountered issues after deployment:

1. in the middle it is black so the items from the opensea.io/assets/eroticpink are not clickable
2. the menu in the right upper corener is not clickable.
3. After changing my market place in the header to Erotic Pink NFT in github the change doesn't come through.

Thanks in advance.

[itszoose]

Have you managed to get the issue of black screen resolved?

[eroticpink]

Not yet. Op za 1 mei 2021 09:09 schreef itszoose ***@***.***>:

…

Have you managed to get the issue of black screen resolved? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ATMV724ZRPY3KPCOMS6FLMDTLOEKFANCNFSM42ZEJA2A> .

[itszoose]

I have got the issue fixed by reverting removing the ifram-resizer and just using the regular iframe, this is how my App.tsx looks like, for the moment I have removed the default heading, and footer and trying to implement my own

import React from "react";
import { ASSET_URL, CHOSEN_THEME } from "./constants";
import logo from "./static/images/logo.png";
import "./static/styles/App.css";
import footer from "./static/images/footer.png";
import { iframeResizer } from "iframe-resizer";
import "./static/styles/App.css";

const embeddedUrl = `${ASSET_URL}?embed=${CHOSEN_THEME}`;

class App extends React.Component {
    // componentDidMount() {
    //     iframeResizer({ log: false }, "#opensea-iframe");
    // }

    render() {
        return (
            <>
                <nav className='navbar navbar-expand-lg navbar-light bg-light'>
                    <div className='container-fluid'>
                        <a className='navbar-brand' href='#'>
                            Navbar
                        </a>
                    </div>
                </nav>

                <iframe
                    id='opensea-iframe'
                    className='h-100'
                    title='Embedded OpenSea Marketplace'
                    src={embeddedUrl}
                    width='100%'
                    height='100%'
                    frameBorder='0'
                    allowFullScreen
                ></iframe>
            </>
        );
    }
}

export default App;

[eroticpink]

Thanks fot the tip, i will certainly try.👍 Op za 1 mei 2021 11:30 schreef itszoose ***@***.***>:

…

I have got the issue fixed by reverting removing the ifram-resizer and just using the regular iframe, this is how my App.tsx looks like, for the moment I have removed the default heading, and footer and trying to implement my own `import React from "react"; import { ASSET_URL, CHOSEN_THEME } from "./constants"; import logo from "./static/images/logo.png"; import "./static/styles/App.css"; import footer from "./static/images/footer.png"; import { iframeResizer } from "iframe-resizer"; import "./static/styles/App.css"; const embeddedUrl = ${ASSET_URL}?embed=${CHOSEN_THEME}; class App extends React.Component { // componentDidMount() { // iframeResizer({ log: false }, "#opensea-iframe"); // } render() { return ( <> <nav className='navbar navbar-expand-lg navbar-light bg-light'> <div className='container-fluid'> <a className='navbar-brand' href='#'> Navbar </a> </div> </nav> <iframe id='opensea-iframe' className='h-100' title='Embedded OpenSea Marketplace' src={embeddedUrl} width='100%' height='100%' frameBorder='0' allowFullScreen ></iframe> </> ); } } export default App; ` — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#8 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ATMV722UX72THARY6KOHUSLTLOUXZANCNFSM42ZEJA2A> .