Are you talking about this?
@media screen and (min-width: 980px)
.navbar .nav > li > a {
font-size: 10px;
padding: 2px 3px;
}
I think you want, “max-width” and not “min-width”, also I suggest to use
.navbar.notresp instead of .navbar
Moira, look that you have a loot of unclosed media queries, for example:
@media screen and (min-width: 980px) {
.navbar .nav > li > a {
font-size: 10px;
padding: 2px 3px;
}
@media screen and (max-width: 979px) {
.navbar .nav > li > a {
font-size: 10px;
padding: 2px 3px;
}
Should be (apart from that you need to do some cleaning :P):
@media screen and (min-width: 980px) {
.navbar .nav > li > a {
font-size: 10px;
padding: 2px 3px;
}
}/* close media query*/
@media screen and (max-width: 979px) {
.navbar .nav > li > a {
font-size: 10px;
padding: 2px 3px;
}
}/*close media query*/
So I suggest to better choose the media query you want and close it 😀
yes I did, but it still doesn´t do anything. I tried many things, for example this:
@media screen and (min-device-width: 980px) and (max-device-width: 1199px) {
.navbar.notresp {
position: relative;
top: 10px;
}
}
I tried also the jqueries mentioned on the site above, but this is the width where the problem is..
Ok, now it works a little bit 🙂 It seems everything starts working after I write here..
We’re trained in extrasensory perception, and plant positive thoughts in the minds of our subscribers 😉
Moira, this is a mess 🙂 :
@media screen and (min-width: 980px){ (max-width: 1199px) {
.navbar.notresp {
top: 10px;
}
.navbar .nav > li > a {
font-size: 10px;
}
@media screen and (max-width: 1199px) {
.navbar .nav > li > a {
font-size: 10px;
}
.navbar.notresp {
top: 10px;
}
}
}
this makes more sense:
@media screen and (min-width: 980px) and (max-width: 1199px) {
.navbar.notresp {
top: 10px;
}
.navbar .nav > li > a {
font-size: 10px;
}
}
Yup, just tried different things 🙂 this kinda works except of the font styling:
@media screen and (max-width: 1199px) {
.navbar.notresp {
position: relative;
bottom: 50px;
}
.navbar .nav > li > a {
font-size: 10px;
}
}
Is there a way to change the font in that screen size?
Here’s a general snippet for navbar. I presume you want to change the actual font which would be:
font-family: Garamond; for example.
Hey, that was just what I needed! Thank you!! 🙂
