Mobile: Color changes to footer

This snippet will change the appearance of the footer on mobile view.

1) General colors and size (background color, font color, font size)

2) Bottom text size and color (font size, font color)

3) Link color (font color)

/* Mobile - Color changes to footer */

@media only screen and (max-width: 671px) {
	/* 1) General colors and size - including social icons size */
	.footer {
		background-color: #464646;
		color: #9d9d9d;
		font-size: 21px;
	}
	/* 2) Bottom text size and color */
	.footer address {
	    font-size: 15px;
	    color: #777777;
	}
	/* 3) Link color */
	.footer a{
	    color: #2ecc71;
	}
}
Copy to clipboard