Reputation: 37
Can anybody help me. My media queries are not working. I'm trying to change the padding on the navigation of my website. However, whenever I use the media query to change the padding on a 768px screen, nothing happens. I've added the meta tag
<meta name="viewport" content="width=device-width; initial-scale=1.0">
But nothing happens. My media query looks like
@media screen and (max-width:768px) {
.menu-onesg-menu-container ul li a {
padding: 0px 15px 0px 0px;
}
}
Does anybody know why this isn't working???
Upvotes: 0
Views: 95
Reputation: 56501
I think this is the cause of the problem Replace ; with ,
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Upvotes: 1