Joomla Templates Club 406,261 posts

[markkusq3po Friend markkusq3poJoin date: March 2007Posts: 66Downloads:0Uploads:6 Thanks: 20 Thanked: 1 times in 1 posts]

#184698

Hello,
can i use a different logo for other devices (smartphone, pads, etc.) and where shall i make the settings for that?
Thanks Markus

[webaheadinternet Friend webaheadinternetJoin date: July 2012Posts: 55Downloads:0Uploads:4 Thanks: 21 Thanked: 2 times in 1 posts]

#482532

in the template images folder there is usually a png for the actual site named logo, then another one that is a smaller image, this is the mobile logo

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#483901

Hi @webaheadinternet,

Yes. You can assign different logo for other devices. Here is my tips:
On your sever, open templatesja_merocsstemplate-responsive.css, find @media types, ie:

@media (max-width: 360px)

then you can add logo css elements into this, ie:

@media (max-width: 360px) {
.ja-slideshow .ja-ss-desc {
display: none;
}
.logo-image { // Logo-image , logo-image a are modified logo css elements !
overflow: hidden;
}
.logo-image a {
background-image: url('../images/logo-w.png');
background-repeat: no-repeat;
width: 151px;
height: 41px;
}
.ja-slidenews-item img {
width: 100%;
}
.ja-sidenews img {
width: 100%;
}
}

Regards,
—
Leo

[Author]

Posts