OC V2.0.3.1
I added a Image to the header of this site. www.blackcatcontrolsystems.com.au the image to the RHSnext to the logo does not resize when viewed on a mobile device.
Has anyone any idea why this is and how can it be made to resize according to device used?
TIA
that makes an image responsive !<a href="<?php echo $home; ?>"><img src="image/data/logo.png" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
Ernie
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Thanks Ernie, your my White Knight..but I thought clearfix solved that problem>
Adding "class="img-responsive" doesn't help, maybe I've left out some syntax?
http://prntscr.com/legl5w
Code: Select all
<div class="clearfix: text-right"><span><img src="/image/catalog/Logo/BlackCAtTEMWeb.png"><"class="img-responsive" /></</span>http://prntscr.com/legl5w
WRONG:
<img src="/image/catalog/Logo/BlackCAtTEMWeb.png" class="img-responsive" />
MUST BE part of the Image Link line itself, not separated from the image link line!
Ernie
Code: Select all
img src="/image/catalog/Logo/BlackCAtTEMWeb.png"><"class="img-responsive" /></</span>MUST BE part of the Image Link line itself, not separated from the image link line!
Ernie
My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Ernie, you are a legend! 
It works, but appears to have an unintended effect of placing the timage to the left rather than right. Not sure why but I can live with this or I could create a different header image to take advantage of the extra white space.....
It works, but appears to have an unintended effect of placing the timage to the left rather than right. Not sure why but I can live with this or I could create a different header image to take advantage of the extra white space.....
Well, it only depends on, where you place it, and how the ROW is split, where it resides.
A full ROW always has 12 Sections, called Columns, and in the header example below, you
see, where what resides, and how many columns it uses, to then display in the right place.
Or you could try with something like div class="right" or span class="right", to
get it hopefully so in place as planned.
Good Luck!
Ernie
A full ROW always has 12 Sections, called Columns, and in the header example below, you
see, where what resides, and how many columns it uses, to then display in the right place.
Or you could try with something like div class="right" or span class="right", to
get it hopefully so in place as planned.
Good Luck!
Ernie
Code: Select all
<div class="row">
<div class="col-sm-4">
<div id="logo">
<?php if ($logo) { ?>
<a href="<?php echo $home; ?>"><img src="image/data/logo.png" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" width="290" height="47" class="img-responsive" /></a>
<?php } else { ?>
<h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
<?php } ?>
</div>
</div>
<div class="col-sm-5"><?php echo $search; ?>
</div>
<div class="col-sm-3"><?php echo $cart; ?></div>
</div>My Github OC Site: https://github.com/IP-CAM
5'200 + FREE OC Extensions, on the World's largest private Github OC Repository Archive Site.
Who is online
Users browsing this forum: No registered users and 316 guests
