Reduce height of gray bar in BrunchPro

[karentiede]

Site: New Horizons Trading
We'd like the gray bar at the top to be nothing more than a line.
I've tried everything I can find.

Will add my code in the next block.
thx

http://newhorizonstrading.com

[karentiede]

Custom CSS is currently:

.title-area {
	display: inline-block;
	font-family: "Lato", Helvetica, sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 320px;
}

.header-image .site-title > a {
	-webkit-background-size: contain !important;
	background-size: contain !important;
	display: block;
	height: 30px;
	margin: 1px auto;
	max-width: 320px;
	text-indent: -9999px;
}

/* added from the brunch-pro developer website 
http://feastdesignco.helpscoutdocs.com/article/21-how-to-change-the-header-size-in-brunch-pro */
@media only screen and (max-width: 420px) {
	/* Resize logo header for smaller devices */
	.header-image .site-title > a {
		height: 1px;
		max-width: 320px;
	}
}

Changed theme functions.php to height = 100 px

add_theme_support( 'custom-header', array(
		'width'           => 640,
		'height'          => 100,
		'header-selector' => '.site-title a',
		'header-text'     => false,
	) );

Didn't see a difference in either.

thx

[Author]

Posts