Joomla Templates Club 406,261 posts

[flaviese Friend flavieseJoin date: April 2012Posts: 7Downloads:0Uploads:3]

#182790

Hi, usually in responsive template the logo get smaller and adapt to dimensions of any device. In this case the logo has been modified to 350×80 and in iPhone it does not get smaller enough. How can I solve it?

---

Attachments:

1. 

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#475139

Hi Flaviese,

Please post your website url, then i’ll check and help you out.

Regards

[flaviese Friend flavieseJoin date: April 2012Posts: 7Downloads:0Uploads:3]

#475163

http://www.tuscandreamdays.com

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#475215

Hi Flaviese,

My suggestion is that you change logo’s dimension to 320 x 80 which is suitable with mobile devices

h1.logo a {
background: url("../templates/ja_zite/images/logo.png") no-repeat scroll left top transparent;
display: block;
height: 80px;
width: 350px; <<< change this to 320
}

h1.logo {
float: none;
height: 80px;
margin: 0 auto;
width: 350px; <<< change this to 320
}

Regards

[Author]

Posts