Instagram Unveils Updated Map Experience

.article-native-ad {
border-bottom: 1px solid #ddd;
margin: 0 45px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.article-native-ad svg {
color: #ddd;
font-size: 34px;
margin-top: 10px;
}
.article-native-ad p {
line-height:1.5;
padding:0!important;
padding-left: 10px!important;
}
.article-native-ad strong {
font-weight:500;
color:rgb(46,179,178);
}

Introducing the Adweek Podcast Network. Access infinite inspiration in your pocket on everything from career advice and creativity to metaverse marketing and more. Browse all podcasts.

Snapchat’s Snap Map is rubbing off on Instagram, as the Meta-owned photo- and video-sharing platform unveiled an updated map experience Tuesday with much of the same functionality available on its counterpart.

.font-primary {
font-family: “Flama”, “Helvetica Neue”, Helvetica, Roboto, Arial, sans-serif;
}

.font-secondary {
font-family: “FlamaSlab”, “Helvetica Neue”, Helvetica, Roboto, Arial,
sans-serif;
}

#meter-count {
position: fixed;
z-index: 9999999;
bottom: 0;
width:96%;
margin: 2%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0px 15px 4px rgba(0,0,0,.2);
box-shadow:0 0px 15px 4px rgba(0,0,0,.2);
padding: 15px 0;
color:#fff;
background-color:#343a40;
}

#meter-count .icon {
width: auto;
opacity:.8;
}

#meter-count .icon svg {
height: 36px;
width: auto;
}

#meter-count .btn-subscribe {
font-size:14px;
font-weight:bold;
padding:7px 18px;
color: #fff;
background-color: #E50000;
border:none;
text-transform: capitalize;
}

#meter-count .btn-subscribe:hover {
color: #fff;
opacity:.8;
}

#meter-count .btn-signin {
font-size:14px;
font-weight:bold;
padding:7px 14px;
color: #fff;
background-color: #121212;
border:none;
text-transform: capitalize;
}

#meter-count .btn-signin:hover {
color: #fff;
opacity:.8;
}

#meter-count h3 {
color:#fff!important;
letter-spacing:0px!important;
margin:0;
padding:0;
font-size:16px;
line-height:1.5;
font-weight:700;
margin: 0!important;
padding: 0!important;
}

#meter-count h3 span {
color:#E50000!important;
font-weight:900;
}

#meter-count p {
font-size:14px;
font-weight:500;
line-height:1.4;
color:#eee!important;
margin: 0!important;
padding: 0!important;
}

#meter-count .close {
color:#fff;
display:block;
position:absolute;
top: 4px;
right:4px;
z-index: 999999;
}

#meter-count .close svg {
display:block;
color:#fff;
height:16px;
width:auto;
cursor:pointer;
}

#meter-count .close:hover svg {
color:#E50000;
}

#meter-count .fw-600 {
font-weight:600;
}

@media (max-width: 1079px) {
#meter-count .icon {
margin:0;
padding:0;
display:none;
}
}

@media (max-width: 768px) {
#meter-count {
margin: 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
width:100%;
-webkit-box-shadow: 0 -8px 10px -4px rgba(0,0,0,0.3);
box-shadow: 0 -8px 10px -4px rgba(0,0,0,0.3);
}

#meter-count .icon {
margin:0;
padding:0;
display:none;
}

#meter-count h3 {
color:#fff!important;
font-size:14px;
}

#meter-count p {
color:#fff!important;
font-size: 12px;
font-weight: 500;
}

#meter-count .btn-subscribe,
#meter-count .btn-signin {
font-size:12px;
padding:7px 12px;
}

#meter-count .btn-signin {
display:none;
}

#meter-count .close svg {
height:14px;
}
}

Enjoying your content? You Have 1 Free Article Left.

Register to continue reading!