css - Responsive works on screen tester, but not on cellphone -


live link here http://soloveich.com/pr6/

that's wordpress site. using bootstrap, i've put entire design in 2 columns

<div class="col-md-3 col-sm-6 col-xs-12" id="side1"></div> <div class="col-md-9 col-sm-6 col-xs-12"></div> 

not gonna put styling here. of it.

also, using wen's responsive column layout shortcodes inpost responsive columns.

everything works on screen testers. not on cellphones, though. these 2 main columns don't stack on each other, menu refuses turn responsive 1 (it on screen tester), , inpost columns start overflowing.

usually using tester http://quirktools.com/screenfly/

add <meta name="viewport" content="width=device-width, initial-scale=1" /> inside <head> tag.

you can find explanation viewport meta tag here.


Comments

Popular posts from this blog

python - Subclassed QStyledItemDelegate ignores Stylesheet -

java - HttpClient 3.1 Connection pooling vs HttpClient 4.3.2 -

SQL: Divide the sum of values in one table with the count of rows in another -