viewing website on smartphone

  • Resolved pbpersson

    (@pbpersson)


    10 years, 3 months ago

    This is a simple question but I’m assuming there is a complicated answer. What exactly controls whether a theme will properly shrink when it is viewed on a smartphone? Take for instance these two sites both using the Twenty Eleven theme:

    http://perssontechnologies.com/ – this one shrinks perfectly

    http://perssontechnologies.com/WordPress03/ – this one is a mess

    I am asking because I am working on a web site for a customer which is two hundred times more complicated but if I cannot get a super simple web site to shrink…..well, I thought this would be a good starting point. The WordPress03 web site I have hardly touched and it is already broken.

    Thank you,
    Phil Persson

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter pbpersson

    (@pbpersson)

    10 years, 3 months ago

    Does anyone have any information on this?

    Thread Starter pbpersson

    (@pbpersson)

    10 years, 3 months ago

    I am still looking for answers regarding this question, if anyone has any wisdom.

    Thread Starter pbpersson

    (@pbpersson)

    10 years, 3 months ago

    In order to make the theme responsive to different platforms there are @media queries in the CSS file. These queries check the display capabilities of the target platform and there are statements in the CSS file to shrink appropriate web page components so the page will render properly on that device.

    If you look in the CSS file for the Twenty Eleven theme you can see these @media entries. Your child theme must contain similar entries for new web page components you might add.

    For general articles concerning this topic you can Google “Responsive CSS”

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

The topic ‘viewing website on smartphone’ is closed to new replies.