Forum Moderators: open

Message Too Old, No Replies

Responsive design and text change

         

toplisek

2:04 pm on Sep 9, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I have set columns for the shopping cart. There is an issue as this is text. Example of columns and titles:
Thumb/Quantity/Price

After checking inside Responsive design it will be too wide length of Titles like Quantities will break into another line.
As I understand responsive design will be influenced by % like 100% width (short solution), but I like to change Quantity into image icon. Can be solved this actually?

lucy24

4:26 am on Sep 12, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Replacing text with an image seems like a step in the wrong direction. There are other options, like the humble ­ to make
Quan-
tity

(Some browsers auto-hyphenate, but mercifully they don't all. Yet.)

Or how about "content" in css? Instead of writing out the word "Quantity" in html, set it as the content of your named element-- "th class = 'quantity'" or whatever you want to call it. By default the content is the full word "Quantity", but for smaller devices (@media rule or similar) change the content to "Qty" and if necessary even to "#".

htmlbasictutor

5:33 pm on Sep 18, 2014 (gmt 0)

10+ Year Member



Are you using fixed size font size?

toplisek

9:41 am on Sep 19, 2014 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



No
REM and EM