Joomla Templates Club 406,261 posts

[gruppoarancione Friend gruppoarancioneJoin date: November 2013Posts: 10Downloads:1Uploads:7]

#194730

Hello,
how can I use a different logo an size for the mobile layout ??

Thanks
(Sorry for my english)

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#522508

Yes, you can do that on the mobile layout.

Open templates/ja_mitius/css/template-responsive.css file

Change

.logo-image a {
background-size: 100% 100%;
max-width: 320px;
max-height: 54px;
}

To

.logo-image a {
background-size: 100% 100%;
max-width: 320px;
max-height: 54px;
background-image: url("../images/mobile_logo.png");
}

Then change your own mobile logo in : templates/ja_mitius/images/mobile_logo.png path

[gruppoarancione Friend gruppoarancioneJoin date: November 2013Posts: 10Downloads:1Uploads:7]

#522700

OK for portrait layout,
but does not work with smartphone landscape, there is another css for landscape?

Thanks

<em>@Ninja Lead 411073 wrote:</em><blockquote>Yes, you can do that on the mobile layout.

Open templates/ja_mitius/css/template-responsive.css file

Change

.logo-image a {
background-size: 100% 100%;
max-width: 320px;
max-height: 54px;
}

To

.logo-image a {
background-size: 100% 100%;
max-width: 320px;
max-height: 54px;
background-image: url("../images/mobile_logo.png");
}

Then change your own mobile logo in : templates/ja_mitius/images/mobile_logo.png path</blockquote>

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#522922

Please provide the url of the site you’re working on so that I can take a closer look and debug further.

[Author]

Posts