Esri / storymap-series

The Story Map Series lets you present a series of maps via tabs, numbered bullets, or a side accordion.
Apache License 2.0
63 stars 59 forks source link

Add second logo to header #39

Closed rumski20 closed 6 years ago

rumski20 commented 6 years ago

I would like to add a second logo alongside the one that is able to be configured via the in-browser editor. This is for a storymap series hosted on our own server.

oevans commented 6 years ago

@rumski20 -- you can do this by use any graphic editing app to create a new image that contains the two adjacent logos and upload that through builder.

rumski20 commented 6 years ago

Wow, that was a prompt response. Thank you.

You are correct. However, I was looking for two logos with distinct links. Thus I needed two anchor elements.

Here's the code I hacked together to do the trick:

////////////////////////////////////////////////////////////////
        // add second logo

        // // clone existing logo
        var clone = $('#headerDesktop > div.rightArea > div.logoContainer a')
            .clone();
        // set link target
        clone.attr('href', 'http://www.stlouiscountymn.gov')
            // add to logo's parent container
            .insertAfter($('#headerDesktop > div.rightArea > div.logoContainer a'));

        // set link image source
        clone.find('img').attr('src', 'app/images/Official County Logo Black_6_2009 For WebFull_white.png')
oevans commented 6 years ago

Ah, ok. Glad you were able to add that and that you for sharing your code!