Twenty Thirteen sizing for multiple browsers and mobile devices

Viewing 4 replies - 1 through 4 (of 4 total)

  • Mike,

    TwentyThirteen natively supports responsive design, which is what allows a site to cleanly scale to any screen size. If you’re hard-coding widths into the CSS of your child theme you’ll override these settings. What you’re looking for is how to use media queries. Media queries are what allow the browser to select the proper stylesheet rules based on the viewport (screen size reported by the browser).

    This book is a good choice for getting familiar with the principles of responsive design. So is this one. And this one.

    Thread Starter mb studio services

    (@mb-studio-services)

    I can’t afford any of these publications at the moment, are there any free online resources out there that you are aware of ?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this guide https://css-tricks.com/css-media-queries/

    It appears your site is working in a responsive format. The only issue may be with your header image which appears to be 1600 pixels in width. Try using an image smaller than 768 pixels in width.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Thirteen sizing for multiple browsers and mobile devices’ is closed to new replies.

Tags