Media queries not picking up

[Lorraine]

Not sure if I am doing something wrong here but my media queries are not picking up. If anyone can help it would be really appreciated.

I changed my function code just in-case it was that - it's now...

/** Add Viewport meta tag for mobile browsers */
add_action( 'genesis_meta', 'theme_viewport_meta_tag' );
function theme_viewport_meta_tag() {
echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
}

My CSS looks fine I think - here is the end of my normal css and start of my media query.

.site-footer a:hover { 
	color: #f5f5f5;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
	
	.site-inner,
	.wrap {
		max-width: 960px;
		padding: 0 20px;
	}

	.site-inner .wrap {
  		background: none!important;
	}

You can see I have tried using !important to override but it isn't seeing it.

I've done lots of responsive stuff so everything that I can build to percentages is good - it's just the media queries. Worried what I have messed with before realising it's not me.

[Victor Font]

Please post a link to the site so we can help.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Lorraine]

Hi Victor - here it is. http://217.199.187.190/comtrol.co.uk/

[Author]

Posts