wordpress - css won't respond when changing resolutions -


i working custom theme in wordpress , i'm wanting add formatting when viewing mobile (320px min - 400 max)

meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

css:

/* smartphones (portrait , landscape) ----------- */ @media screen  , (min-device-width : 320px)  , (max-device-width : 480px) {  .logo{margin-left:0px !important} .content{width:100% !important; } .mainmenu {background:rgba(0,0,0,0.6) !important; } .mainmenu li{padding:0 5px !important;} .mainmenu li a{font-size:18px !important; font-family:'impactregular' !important;     color:#000 !important;}    }  @media screen  , (min-width : 1000px) {     .logo{float:left;} } 

now reason detects 1000px not smaller..not sure i'm doing wrong here.

here's link site i'm trying fix. in advance.

it you. media queries standard devices.

and use meta tag.

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densitydpi=device-dpi" /> 

Comments

Popular posts from this blog

sql - VB.NET Operand type clash: date is incompatible with int error -

SVG stroke-linecap doesn't work for circles in Firefox? -

python - TypeError: Scalar value for argument 'color' is not numeric in openCV -