Text wrapping

[Guest]

Hi

 

How do you stop text wrapping down the side of an image when viewing a site on an I Phone or in responsive view.

 

I notice that on

 

http://www.template.me.uk/234bs3//

 

this doesn't occur but seems to when using

 

https://github.com/gburton/Responsive-osCommerce

 

What do I need to do please to sort this.

 

Many thanks

 

Grandpa

 

www.grandpas.co.nz/BS234master..

 

   

 

 

 

 

[Hotclutch]

Had a look at the first site, and the text does wrap around the image.

[greasemonkey]

@@grandpaj I too seem the same problem on both.... Make sure you are looking at the same product - the text wrapping depends on the size of the image and also the length of the text.

 

That said, I know the issue you speak of and product_info can be easily modified to move the text under the image on xs size with;

<div class="clearfix visible-xs"></div>

[Guest]

@@greasemonkey

 

Hi

 

Thanks for that. Worked. Just got to now figure out how to get the image in the centre of the screen when viewing in responsive mode

 

http://www.grandpas.co.nz/BS234master/product_info.php?products_id=833gives good indication, or maybe Im to fussy.

 

Again many thanks

Grandpa

[vampirehunter]

@@grandpaj I too seem the same problem on both.... Make sure you are looking at the same product - the text wrapping depends on the size of the image and also the length of the text.

 

That said, I know the issue you speak of and product_info can be easily modified to move the text under the image on xs size with;

 

<div class="clearfix visible-xs"></div>

Hi.

 

I had same issue but wanted to move the images, so I edited product info, and made 2 divs inside a row.

The problem im having is the images div is not clearing the other div correctly.

 

I have the image thumbnails row, the second image is smaller than the others for some reason.

 

This JavaScript is really causing a mess by defining the layout in browser.