Joomla Templates Club 406,261 posts

[armybot Friend armybotJoin date: June 2006Posts: 35Downloads:0Uploads:3 Thanks: 6]

#146797

Hi, I enlarged the logo.gif (I created a custom png 430×155 px).
In the frontpage (desktop) everything is fine but when I switch to the cool mobile version logo needs to be fixed in region layout and to be centered (see screenshot)

Even change logo for the mobile version should be great!

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#326527

You have make the change as follow:

Please open the file : /templates/ja_kyanite_ii/css/template.css and find a section code:

[PHP]
h1.logo { height: 45px; width: 236px; }
[/PHP]
change
[PHP]h1.logo { height: 155px; width: 430px; }[/PHP]

and
[PHP]
h1.logo a {
background: url(../images/logo.gif) no-repeat left;
display: block;
height: 45px;
width: 236px;
}
[/PHP]

change to
[PHP]
h1.logo a {
background: url(../images/logo.gif) no-repeat left;
display: block;
height: 155px;
width:430px;
}
[/PHP]

1 user says Thank You to Saguaros for this useful post

1. armybot

[armybot Friend armybotJoin date: June 2006Posts: 35Downloads:0Uploads:3 Thanks: 6]

#329484

Well, it works but the logo is 430 px and accordingly to iphone orientation it’s too big (see screnshots).
Any chance to fix it maybe specifying a reduced version of the logo png file? How could I specify it?
(in other words I’d like to specify for the portrait orientation a different logo file).

Thanks in advance,
A.

---

Attachments:

1. 

[armybot Friend armybotJoin date: June 2006Posts: 35Downloads:0Uploads:3 Thanks: 6]

#330869

Any help about it? Thanks in advance

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#331271

Hi armybot

+ You have to resize the logo image to fix with your phone because this image is only a background image.
+ and then change the height and width attribute like tienhc’s way

Hope it helps

[armybot Friend armybotJoin date: June 2006Posts: 35Downloads:0Uploads:3 Thanks: 6]

#334593

Thanks but I’d need two different logo images (one for desktop viewers and other for iphone viewers): is it possible?

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#335268

Hi armybot

I am sorry but currently, our template does not support your idea. You have to handle at your end.

I will save your idea for discussing in the next release.

[Anonymous Moderator JA DeveloperJoin date: September 2014Posts: 9914Downloads:207Uploads:152 Thanks: 1789 Thanked: 2008 times in 1700 posts]

#335269

Hi armybot

There is a way for you.

please upload your iphone logo into templates/ja_kyanite_ii/images folder, example: iphone-logo.png.

Open templates/ja_kyanite_ii/css/handheld/iphone.css file, add following code to the end of file:

h1.logo a {
background: url(../images/iphone-logo.png) no-repeat left center !important;
}

Hope it helps.

[Author]

Posts