Note that there are some explanatory texts on larger screens.

plurals
  1. POWordpress template and basic mobile devices optimization problems
    primarykey
    data
    text
    <p>ok, first of all:</p> <p>1) i must send link(s) 2) can't setup jsfiddle :)</p> <p>Ok, so, i am experiencing strange problems with on wp theme - actually, i am not sure at all how it is working on (modern) mobile devices. I have just started with optimization, but many things are left, however...</p> <p>Site is: <a href="http://bybyweb.com/lsg/" rel="nofollow">http://bybyweb.com/lsg/</a> </p> <p>On <a href="http://www.mobilephoneemulator.com/" rel="nofollow">http://www.mobilephoneemulator.com/</a> it looks fine, BUT - i am concerned because my old Nokia C2 and my younger, (but again, very old to modern standards) Samsung doesn't display site properly... (concerned because even these phones doesn't had problems with other sites before - even with some sites i made:))...</p> <p>Details about bad displaying - mobile css is applied, but site width is obviously bigger than it should be and i have to zoom (opera mini browser in nokia)</p> <p>I am using media queries, and so far it worked. Now i am not sure. First i had strange problem with 'css switching' (after loading of site - mobile theme was replaced with desktop theme?!) I think that problem is solved by adding:</p> <pre><code> &lt;meta name="viewport" content="width=device-width" /&gt; </code></pre> <p>in head... </p> <p>Main css files are:1) <a href="http://bybyweb.com/lsg/wp-content/themes/theme1812/style.css" rel="nofollow">http://bybyweb.com/lsg/wp-content/themes/theme1812/style.css</a></p> <p>AND here i have placed media queries: 2) <a href="http://bybyweb.com/lsg/wp-content/themes/theme1812/css/grid.css" rel="nofollow">http://bybyweb.com/lsg/wp-content/themes/theme1812/css/grid.css</a><br> (because it is last relevant css file loaded)...</p> <p>So, my question is (JUST IN CASE THAT SITE IS NOT DISPLAYED PROPERLY!) what i am missing, and what i should add in (or remove from) css to make site displaying correctly....</p> <p>If some good soul have some time, and mobile device ready... i would appreciate it. :)</p> <p>I guess - problem is related to width defining in css, but have no clue how to solve it. Thanks!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload