Go Back   Dreamweaver Club Forums > Hand Coders Forum > CMS (wordpress,Drupal,joomla etc)
Register FAQ Members List Search Today's Posts Mark Forums Read

Closed Thread
Thread Tools Display Modes
Old 12-12-2011, 10:12 PM   #1
cocoonfx's Avatar
Join Date: Nov 2006
Location: Tamworth,UK
Posts: 576
Default Logo will not resize for iphone in wordpress

Hi Chaps

I have got a wordpress site with a logo which does not want to resize when you rotate iphone when in Portrait. The original image is 470px by 80 px height.

I have in the theme header.php the following

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<link media="only screen and (max-device-width: 480px)" href="<?php echo bloginfo('template_url'); ?>/iphone.css" type= "text/css" rel="stylesheet" />

The logo site in its on div

<div id="logo"><a href=""><img src="<?php echo get_template_directory_uri();?>/images/AHlogo.png" width="471px" height="80px" alt="" title=""/></a></div>

How do I get the logo to resize.

I also want to resize the image in the banner area from 1000 px by 288 px to fit in proportion in portrait and landscape on iphone.

The url for the site is http://www.test-cocoonfxmedia.co.uk/dev
cocoonfx is offline  
Old 12-15-2011, 05:12 PM   #2
gentleone's Avatar
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837

You will have to remove the width and height attributes from the logo img tag in order to resize images wth percentages in the css.

In your css you should have then something like this to let the browser do the resizing.
img {max-width: 100%}
gentleone is offline  
Closed Thread

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 04:57 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com