CSS media queries don't working -
hello i've created website, 3 weeks ago media queries , worked , take break. i'm testing again site media queries don't work (yes freaking messed up).
here media queries:
/* media queries */ @media screen , (max-width: 980px) { #ad-container, #ad, #adnum, #adnums, #adstxt, #footer { display: none; } #adtxtspecial { display: block; } #content { padding-left: 0px; } #project-logo { display: none; } } @media screen , (max-width: 320px) { #header { height: 100px; } }
in head of document got this:
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; width = device-width;">
please answer posible.
edit: these original styles elements need change.
#ad-container { text-align: center; } #ad { width: 900px; height: 500px; margin-right: auto; margin-left: auto; display: block; } #adnums { padding: 2px; background-color: #f7f6f5; cursor: pointer; } #adnum { color: #dd4814; font-weight: bold; } #adstxt { font-size: small; } #adtxtspecial { display: none; text-align: center; font-size: 40px; color: #dd4814; font-weight: bold; padding-top: 100px; padding-left: 10px; padding-right: 10px; }
the problem can think using inline style. inline style overrides style properties css section/file.
i added css:
#content{ padding-left:50px; }
note should not use 2 different element's same id example works , demonstrate problem.
Comments
Post a Comment