[inksla]

I love the Header Image, but I find it just a little to big! Is it possible to either made the Header image smaller, or to push up the first element higher so that is coveres the Header Image More.

Thankz so much for your help. and sorry for all the Questions.
Best Inka

[Skandha]

@inksla: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.site-header {
	padding:0;
}

Let me know if this is what you want!
Kind Regards,
Skandha

[inksla]

Hey Skandha,

First thank you for the Quick reply, but it is not what I was looking for.
I have attached a picture, basically i would like that the blue box (in the Image) moves higher over the flower image. is that possible?
http://www.inkanotes.com/wp-content/uploads/2019/01/Screen-Shot-2019-01-12-at-12.39.06-AM.png

Thanx.

[Skandha]

@inksla: Go to => Appearance => Customize => Additional CSS and add the following CSS Code

@media screen and (min-width: 72em) {
	.below-site-header {
		margin-top:-800px;
	}
}

You can alter the margin to change the position.
Let me know if this is what you want!
Kind Regards,
Skandha

[inksla]

Thank you! I think it is what I want.

But no matter what number I place into the code, it does not change, as in does not go higher it just stays the same.

[Skandha]

@inksla: Replace the above CSS Code by the following Code.

@media screen and (min-width:46.0625em) {
	.below-site-header {
		margin-top:-150px;
	}	
}

@media screen and (min-width:48em) {
	.below-site-header {
		margin-top:-200px;
	}
}

@media screen and (min-width:56.625em) {
	.below-site-header {
		margin-top:-350px;
	}
}

@media screen and (min-width:72em) {
	.below-site-header {
		margin-top:-700px;
	}	 
}

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts