Solved

Making text responsive

Posted on 2014-03-22
3
140 Views
Last Modified: 2014-03-25
I need the product descriptions on this page:

http://www.test.thehandweavingcompany.co.uk/products-page-2/looms/

eg. "Our double looms are supplied with both 9mm standard pegs and 6mm fine pegs and are, in effect, two looms in one."

to be responsive. At the moment they stream in one long line on the iphone - I've tried all sorts and am now stumped - any ideas please?
0
Comment
Question by:Juliamac
  • 2
3 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39947536
The validator throws 23 errors:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.test.thehandweavingcompany.co.uk%2Fproducts-page-2%2Flooms%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

It looks like there are several typos that mess up the inline styling.  It is always a bad idea to use inline styling instead of a stylesheet.  If you clean up the error, then you should get the clear on the images to work correctly.  In any case, you need to fix them because it is not going to work well cross-device with those errors.

Cd&
0
 

Author Comment

by:Juliamac
ID: 39947632
Ok thanks, part of the problem has been that I'm trying to work around a bought theme, perhaps I should stick with the route of creating a child theme. I did look at this, as advised here on EE, but took me a while to get my head round it all as a newbie, and I don't have that much time! No quick fix then?
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39947659
Quick fix == almost always takes longer than expected.

Fixing the errors may solve the problem.  At the very least it will stabilize the page and make it possible to experiment a little.  The page is already set up so you can try all kind of variations to find the combination of CSS properties that come the closest to what you need.  There is no better way to learn then by just doing stuff to see what happens.

With cross-device, there is always the possibility that you will have to use media queries of even alternate pages to get to a full responsive presentation.

Cd&
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now