Joomla Templates Club 406,261 posts

[tonyallsopp Friend tonyallsoppJoin date: January 2010Posts: 14Downloads:0Uploads:0]

#148748

The logo on my site is too wide for the iPhone layout, so when you view the site on an iPhone the logo busts out the side. Because of this it makes the whole width of the page wider – very annoying!

Does anyone know how I can set the iPhone layout to either

a). Resize the logo

or

b). Point to another file (one I can set to the appropriate size).

The site is http://www.oxfordjournal.co.uk if you want to have a look, and I’ve attached a screen grab of how the site looks on an iPhone.

Any help is much appreciated.

Thanks,

Tony

[micrantha Friend micranthaJoin date: May 2007Posts: 465Downloads:0Uploads:6 Thanks: 6 Thanked: 158 times in 148 posts]

#332935

Hello Tony,
You can take a look into file layouts/blocks/iphone/header.php

You can edit this file to your needs.

Good luck,
Micrantha

[histeriks Friend histeriksJoin date: December 2009Posts: 285Downloads:0Uploads:3 Thanks: 16 Thanked: 114 times in 87 posts]

#332952

tonyallsopp;165273The logo on my site is too wide for the iPhone layout, so when you view the site on an iPhone the logo busts out the side. Because of this it makes the whole width of the page wider – very annoying!

Does anyone know how I can set the iPhone layout to either

a). Resize the logo

or

b). Point to another file (one I can set to the appropriate size).

The site is http://www.oxfordjournal.co.uk if you want to have a look, and I’ve attached a screen grab of how the site looks on an iPhone.

Any help is much appreciated.

Thanks,

Tony

Hi Tony,

Here’s what works with handheld layout. I guess you could just add this to your iphone.css file, located in ja_teline_iii/css/handheld/ :

h1.logo a { background: url(path_to_iphone_logo/custom_logo.png) no-repeat left; }

It works with Kyanite 2, didn’t test with Teline but it should be the same or similar.
Keep mind on one thing, i tried to just point to ../images/custom_logo.png in css, but it didn’t work that way, so i inserted the full path (for example http://www.oxfordjournal.co.uk/templates/ja_teline_iii/images/custom_logo.png) and it all worked well (if you don’t have anything against playing dirty, you could also upload logo into the same directory with the css file and just put the filename in css file, that way it will work even if you move your website somewhere else). Didn’t try to go deeper and solve this properly, since i’m short with time.

Hope this helps! 🙂

[Author]

Posts