With Browse

<header class="iop-header">
    <div class="container">
        <div class="iop-header__inner">
            <span role="button" tabindex="0" aria-pressed="false" class="iop-header__explore-button" data-toggle="other-sites" data-toggle-scroll="disable" data-toggle-remove="profile">
        Explore
      </span>
            <span role="button" tabindex="0" aria-pressed="false" class="iop-header__menu-button" data-toggle="nav" data-toggle-scroll="disable" data-toggle-remove="other-sites">
        Menu
      </span>
            <span role="button" tabindex="0" aria-pressed="false" class="iop-header__close-button" data-toggle-remove="nav,other-sites,profile">
        Close
      </span>
            <a class="iop-header__logo" href="#0">
        IOP | Institute of Physics
      </a>
            <div class="iop-header__nav">
                <nav class="iop-link-list iop-link-list--staggered iop-nav" data-toggle-target="nav" data-expandable-nav>
                    <ul>
                        <li>
                            <a href="#0" role="button" tabindex="0" aria-pressed="false" data-toggle="overlay" class="iop-header__browse-button">Browse</a>
                        </li>
                        <li>
                            <a href="#0">Collections</a>
                        </li>
                        <li>
                            <a href="#0">Insights</a>
                        </li>
                        <li>
                            <button href="#0" class="iop-button">Join IOP</button>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>

    <div class="iop-tray iop-tray--other-sites" data-toggle-target="other-sites">
        <div class="iop-tray__screen" role="button" tabindex="0" aria-pressed="false" data-toggle="other-sites"></div>
        <div class="iop-tray__inner context-dark">
            <span role="button" tabindex="0" aria-pressed="false" class="iop-tray__close-button" data-toggle-scroll="enable" data-toggle-remove="other-sites">
        Close
      </span>
            <nav class="iop-other-sites iop-link-list" data-toggle-target="other-sites">
                <h4 class="iop-other-sites__title iop-text-muted">Explore</h4>
                <ul>
                    <li>
                        <a href="#0">Website 1</a>
                    </li>
                    <li>
                        <a href="#0">Website 2</a>
                    </li>
                    <li>
                        <a href="#0">Website 3</a>
                    </li>
                    <li>
                        <a href="#0">Website 4</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<div class="iop-overlay" data-toggle-target="overlay" style="background: black;">
    <div class="iop-overlay__inner context-dark">
        <span class="iop-overlay__close-button" role="button" tabindex="0" aria-pressed="false" data-toggle="overlay">Close</span>
        <h2>Here's some stuff</h2>
    </div>
</div>