Howdy Zenners,

Im using Sheffield Responsive template and Zencart V1.5.4.

Basically my boss likes his long descriptions which isn't much of a problem on Desktop as the Sheffield template has the two column layout (pi-left & pi-right) on the page. the price, Attributes (for which we use many) and buy button is in pi-right which sits alongside pi-left with the description and images.

The problem comes on mobiles that because we have long descriptions the customer sees the images....and has to scroll down the long description before getting to the essential details of price and attributes and the buy button.

Id like to display a COPY of the price in "pi-left" so its quickly visible to the customer on mobiles ONLY......i.e it does not show the copy price on Desktops.

or even better have a 'continue reading button' or similar at the bottom of the description block which opens the rest of the long description text after a certain number of characters. Which ultimately compacts the screen and moves 'Pi-right' up the screen so the price at least is instantly visible to the customer.

Unfortunately I have no idea how to actually implement the above changes which are unique to mobiles.

Any help/advise would be much appreciated...

Regards,

John