struggling to reduce to 1 column in responsive design (twentyeleven child)

  • paul-james-till

    (@paul-james-till)


    10 years, 2 months ago

    Hi

    I am developing my blog and would like to reduce my twentyeleven child theme to one column format for the @media query 320-480px (along with some other formatting). I’ve tried, with much effort, searching the forum and the web, considering both ways I suppose I can do this –

    1 – to change the formating of css in the media query (seems the preferable way)
    2 – access a completely different theme when viewed through a small browser width

    if anyone could shed any light on the best method of the 2 (or another) and any tips on how to go about it, I really would be so grateful

    best wishes
    paul

    http://www.tiardy.com/blog

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    10 years, 2 months ago

    reduce my twentyeleven child theme to one column format for the @media query 320-480px

    not sure at what browser width it happens in the original theme, but Twenty Eleven would do that automatically.

    through your child theme edits, you seem to have destroyed the html structure of the parent theme;

    the site has validation errors http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tiardy.com%2FBlog%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    reconsider what you are trying to achieve, and possibly redo the customisation while making sure to keep the existing html structure, particular the divs with the CSS id of #page and #main…

    Thread Starter paul-james-till

    (@paul-james-till)

    10 years, 2 months ago

    great, thanks for that alchymyth, that site will be so useful from now on 🙂

    I started again from scratch, adding all my editions in one at a time, and I’ve managed to get the small screen functionality working fine, and I’ve managed to get validation ok

    thanks so much for that advice, I really appreciate it
    best wishes
    paul

    (validation ok except – and I’m not concerned about this, as this validation occurs with the twentyeleven system – there are 2 errors suggests: ‘Stray start tag script. …t src=”http://stats.wordpress.com/e-201407.js&#8221; type=”text/javascript”></script>’ I’ve never seen this before and assume it’s in the twentyeleven system somewhere (I’ve not managed to find it with a basic filesystem string search).

    http://www.tiardy.com/blog

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘struggling to reduce to 1 column in responsive design (twentyeleven child)’ is closed to new replies.