i having issue @media print {} query. trying make portfolio on print. link http://izzatnadiri.com/
when try print page, content shifted right. reason following code
@media (min-width:768px) { #wrapper { padding-left: 400px; } #sidebar-wrapper { width: 400px; } } here link css file //izzatnadiri.com/css/simple-sidebar.css
this code should overridden print.css when printing. code below
@media print{ #sidebar-wrapper {width: 0px;} #wrapper {padding-left: 0px !important; -webkit-transition: none !important; }} here link print.css //izzatnadiri.com/css/print.css
however, when try print page, print query not override min-width query.
help appreciated.
thanks in advance.
have tried putting "screen" on first media query? mean :
@media screen (min-width:768px) { #wrapper { padding-left: 400px; } #sidebar-wrapper { width: 400px; } } 