How to remove Map Tour header?

DanielWolowik

Hi,

I would lkie to remove header from my Map Tour app - do you know how to do it?

There is in index.html file some code related to header:

loadCSS("app/storymaps/ui/header/Header.css");

and

<!-- Desktop header -->

            <div id="headerDesktop" style="height: 10px">

           

                <div class="rightArea">

                    <div class="social">

                        <span class="msLink">

                            <a href="http://storymaps.arcgis.com" target="_blank" tabindex="-1"></a>

                        </span>

                        <i class="shareIcon share_facebook icon-facebook-squared-1"></i>

                        <i class="icon-twitter-1 shareIcon share_twitter"></i>

                        <i class="icon-link shareIcon share_bitly"></i>

                    </div>

                    <div class="logo">

                        <a target="_blank">

                            <img alt="Map Tour logo" class="headerLogoImg"/>

                        </a>

                    </div>

                </div>

                <div class="textArea">

                    <h1 class="title" tabindex="0"></h1>

                    <h2 class="subtitle" tabindex="0"></h2>

                </div>

                <button type="button" class="switchBuilder btn" tabindex="-1"></button>

But I don't know how to change it to remove header.

Any tips?

thanks!

StephenSylvia

You can just add the “embed” url parameter. So you you have the appid as part of the url, you will use:

http://arcgis.com/apps/MapTour/?appid=c50be5615f024cc482ccb88222a8719d&embed

otherwise, you should add it with a "?":

http://www.example.com/my-map-tour/?embed