Hi,
yes media queries are supported, maybe there’s something wrong in your media query, can you provide a link to your page?
Thanks,
Daniele
http://www.eatdrinkpolitics.com/home-2/
This is how I am setting up my media query
/*------------------------------------------------------------------
[# All Devices under 960px]
-------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
body {
width:100% !important;
}
#staticWrapper.container_12 {
width: 100% !important;
}
.container_12,
div#main_wrapper {
width: 100% !important;
}
.container_12 .push_3 {
width: 100% !important;
padding: 0 30px;
}
div#headerWrapper {
height: initial !important;
}
#logo-image h2 a {
width: auto !important;
height: auto;
line-height: initial;
}
#logo-image img {
max-width: 82% !important;
padding: 0 30px !important;
width: 100%;
}
#main_area_wrapper {
padding: 20px 0px;
}
.grid_6.alpha {
width: 100% !important;
margin: 0 !important;
}
#logo-image h2 {
margin-bottom: initial;
padding-bottom: initial;
}
#logo-image h1 {
margin: 0;
}
div#header {
display: flex;
justify-content: center;
padding: 20px 0;
}
.links-doug {
flex-direction: column;
}
}
I’ve just checked your page, everything is working, the style is in the <head> tag of the document and the media query (with all its rules – I’ve checked them one by one) is being applied correctly by the browser.
If the result is not what you expected you should your css and html and maybe change something.
Best,
Daniele
I worked it out. There was a meta setting that needed to be added.
