Logo size cannot be changed

[QuiteQuirky]

In order to improve the appearance of my site www.QuiteQuirky.co.uk on mobile devices I have scaled everything that I can to be 100% of the screen width. This has worked for everything with the exception of the logo. I have changed every reference to the width to set it to 100%
eg header.php

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Personalised Memory boxes, Keepsake Boxes, treasure chests and unique special occasion gifts');
define('HEADER_SALES_TEXT', '');
define('HEADER_LOGO_WIDTH', '100%');
//define('HEADER_LOGO_HEIGHT', '50px'); GJ39

define('HEADER_LOGO_IMAGE', 'logo.gif');

I know this is the right one as changing the name of the logo affects the logo, but the width makes no difference - the logo always appears "real size"

I have been through all the posts trying to address this problem, but cannot find anything that works.

I am using the Classic Contemporary Green template on v1.5.0. Does anyone have any idea what else is affecting this?

[stevesh]

Far as I know, you can't specify a percentage width in that define. The image will always be whatever width it is. Even if what you want to do were possible, the image would be stretched to fit and probably wouldn't look all that good.

[QuiteQuirky]

thanks Steve - that is a real shame as everything else scales nicely. I can remove the logo, but then I need somewhere else for that info. If I keep the logo the size that it is then it works nicely on a iPhone, but doesn't work so well on the computer!

[stevesh]

I haven't worked with mobile-friendly templates, but there are a few around. It may be that the code serves a different image if a mobile device is detected. Making a template that looks good on PC screens and mobiole devices without user device detection doesn't seem possible to me.

[schoolboy]

Making a template that looks good on PC screens and mobiole devices without user device detection doesn't seem possible to me.

It's possible.

On THIS SITE, change the width of your browser - make it VERY NARROW by "dragging" the browser frame to the left. Then WIDEN it again. Notice what happens to the images, menus, text....

It will "adjust" according to the resolution of the device's screen and aspect ratio.