Metro Pro Header – White Space Issue – Mobile Phone Size Only

[Sandal Marketing]

Thanks for reading this.

Working on a client's site and everything works perfectly in the responsive design Except we can't see to reduce the extra white space between the header image and the social icons when it is small.

Here is the site: http://www.my-body-by-vi.com/

Open to all ideas...

Thanks!

http://www.my-body-by-vi.com/

[Robin]

You need to add a rule like this to one of your media queries:

	.site-header .widget-area {
		margin-top: 0;
	}

I put it in the 1023 pixel one when I was dinking around with it but you may want it lower instead. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Author]

Posts