Error with custom media query

Resolved

(@ankitseth)

I have a wordpress site http://vedsutra.com . I am facing issues with custom media css code. When I try to save the code it vanishes and doesn’t reflect on the site. Any help would be greatly appreciated. Following is the code I am trying to add:


@media only screen and (max-width: 719px)
.site-title {
    display: none;
}

@media only screen and (max-width: 719px)
#nav-header.nav-container {
    background-image: URL(http://i2.wp.com/vedsutra.com/wp-content/uploads/2016/07/cropped-VedSutra_logo.png);
    background-repeat: no-repeat;
    background-position: center;
}

Viewing 1 replies (of 1 total)

Plugin Author

Jeremy Herve

(@jeherve)

Jetpack Mechanic 🚀

9 years, 6 months ago

Try using this CSS instead, that should work:

@media only screen and (max-width: 719px) {
	.site-title {
		display: none;
	}
	
	#nav-header.nav-container {
		background-image: url('http://i2.wp.com/vedsutra.com/wp-content/uploads/2016/07/cropped-VedSutra_logo.png');
		background-repeat: no-repeat;
		background-position: center;
	}
}

Viewing 1 replies (of 1 total)

The topic ‘Error with custom media query’ is closed to new replies.