Support for media queries?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Daniele De Santis

    (@danieledesantis)

    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

    Thread Starter thinkdoug

    (@thinkdoug)

    https://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;
}
}
    Plugin Author Daniele De Santis

    (@danieledesantis)

    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

    Thread Starter thinkdoug

    (@thinkdoug)

    I worked it out. There was a meta setting that needed to be added.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Support for media queries?’ is closed to new replies.