Mobile Responsive Site Title & Site Description

Nothing personal, but I hate when sites install “copy protection” type plugins. It makes it much more difficult to examine a site. Plus, it won’t prevent anyone who really wants to copy an image from getting it. All anyone needs is a screen capture program.

Anyway, in your custom CSS, remove both of these media queries (down at the bottom):

@media (max-width: 767px) {
	.site-header {
		background-size: 768px auto;
	}
}

@media (max-width: 359px) {
	.site-header {
		background-size: 360px auto;
		height: 500px;
	}
}

Then add this media query:

@media (max-width: 359px) {
	.site-description {
	    position: relative;
	}
}