[Solved] Media Queries not changing Navigation margin

[oxxi]

Stumped on this one. I’m trying to make a media query change the navigation’s ‘right-margin’ to 250px when the screen size is 1364px but nothing happens. I’m not sure what else to try or what could be wrong with what I’m doing.

Link to site: http://tinyurl.com/n7fkhpy

[Paulie_D]

What have you tried?

It should be simple enough

@media only screen and (min-width : 1360px) {
    nav {
    margin-right: 250px;
    }
}

UNLESS this is overridden somewhere. It looks like the default is 350px in line 155 of your CSS file

nav{
    display: block;
    margin-right:350px;
     float: right;
    text-align:center;
}

[Paulie_D]

Discussion now moved to: https://css-tricks.com/forums/topic/make-nav-resize-without-too-many-media-queries/

[Author]

Posts