Responsive problems

The plugin has some basic responsive items (widths are set in percentages) however since everything theme has different breakpoints it’s complicated to make it work well all the time and could need some tweaks.

The following code takes a 5 day forecast down to a 4 day forecast at 960 pixels:

@media only screen and (max-width: 960px) {
	.awesome-weather-forecast .awesome-weather-forecast-day { width: 23%; }
	.awesome-weather-forecast .awesome-weather-forecast-day:nth-child(5) { display: none; }
}

You could also change text sizes for the whole widget like this:

@media only screen and (max-width: 960px) {
	.awesome-weather-wrap { font-size: 0.8em; }
}

Thanks Hal, I realized that ages ago I set a static width on the container to make sure it filled the page and that was messing up the responsiveness of the plugin. It works perfectly without that.

Much appreciated.