Alternate Mobile Logo

[barefootMarc]

I could have sworn there was an alternate logo for mobile thread.

Is it possible to have an alternate logo for mobile and tablet ?

-M

[David Martin – Support]

Hi Marc,

This is not currently possible for Joyn, I can provide this feedback to the team for consideration.

Thanks.

[nosuchagency]

@Swift.

I’m in the same situation – Need the alternate logo functionality on mobile devices also!

Thank you.

SorenJ.

[Rui Guerreiro – SUPPORT]

@nosuchagency

Will forward the suggestion to the team.

-Rui

[Mohammad – SUPPORT]

Hi,
I am afraid that its not possible currently.
Thanks
Mohammad

[Swift Ideas – Ed]

I like the idea of it, we’ll get it added in the next update.

Thanks,

– Ed

[barefootMarc]

Not sure if it’s been added yet but i figured out a quick fix.

use @media in your css and set the logo.img opacity to 0 at whatever width you want, and in the same css field add a background image that has a 100% width, and set that background-img to your mobile logo.

I can post the code if you need.

-M

[Rui Guerreiro – SUPPORT]

@barefootMarc

Thanks, that would be cool to share that code while we don’t have it done.

-Rui

[nosuchagency]

Please provide code :o)

Thanks.

[barefootMarc]

@media only screen and (min-width: 300px) and (max-width: 680px) {

.logo-left img{
opacity:0;
}

#logo{
background-image: url(‘http://gcsection.com/wp-content/uploads/career_edge_logo-2.png’);
background-repeat: no-repeat;
background-size:103px 72px;
background-position:50% 50%;

}

#mobile-logo{
background-image: url(‘http://gcsection.com/wp-content/uploads/career_edge_logo-2.png’);
background-repeat: no-repeat;
background-size:93px 62px;
background-position:50% 50%;

}
}

=====================

I was actually using this code to display a different logo for interior pages. I had a site that was split into two unique experiences. Based on user login you saw different content.

The above code was to show the mobile (smaller logo) when viewing on small devices, or really tiny computer screens.

-M

[Rui Guerreiro – SUPPORT]

Great. Thanks for sharing.

-Rui