Monday, February 16, 2015

Google Maps + Magellan Stick Nav

Embedding Google Maps
Embedding Google Maps
Need Google Account and Google API Key


Changing Magellan Sticky Nav CSS Styles

**Magellan best viewed in Safari, Chrome (viewing in Firefox has some irregularities with the
activated link state)

/*changes overall nav bg*/
.sub-nav {
background-color: #value;
}

/*changes magellan nav link colors*/
.sub-nav dd a {
color:#value;
}

/*changes magellan nag link hover state colors*/
.sub-nav dd a:hover{
color:#value;
text-decoration:underline;
}

/*changes magellan nag link active state colors*/
.sub-nav dd.active a{
background-color: #value;
color: #value; }

/*changes magellan nag link active hover state colors*/   
.sub-nav dd.active a:hover{
background-color: #value; }


Reveal Modal Fix
**Add this css rule when using the reveal modal, and pop up content does not appear in proximity to the modal trigger link

.reveal-modal-bg {
position: fixed;
}

No comments:

Post a Comment