Forums

RohanJM

Hi all,
I know there's a simple solution but I cant find it.
How do I change the css of something if the browser window width is less than a certain number of pixels… using jquery.

Thanks
Rohan Merchant

BaylorRae

Try this

if( $(window).width() < 900 ) {
	console.log(\"Less\");
}else {
	console.log(\"More\");
}

RohanJM

Thanks

BaylorRae

You might want to add this in case the browser is resized.

// On Resize
$(window).resize(function() {
	if( $(this).width() < 900 ) {
		console.log(\"Less\");
	}else {
		console.log(\"More\");
	}
});

treehouse : what would you like to learn today?

Forums

Changing something based on the browser window width