Agency Pro secondary menu spacing

[vtolbert]

When I am moving to a small-screen version on this site the menu drops down so there is a space between the header and the menu. How can I fix this?
Example: http://instituteforconsciousbeing.org/menu-spacing

http://instituteforconsciousbeing.org/

[Christoph]

Hi,

I noticed that your site-title is sort of squashed together.
If you want to fix that, you can add
line-height: 1.2;
to .title-area a { around line 888 of the style.css

If you do this, you have to adjust around line 426

.site-container {
	padding-top: 80px;
	padding-top: 8rem;
}

to

.site-container {
	padding-top: 96px;
	padding-top: 9.64rem;
}

To fix the extra spacing on mobile, you have the following code around line 1969 of the style.css:

.site-container {
		padding-top: 105px;
		padding-top: 10.5rem;
	}

change that to

.site-container {
		padding-top: 62px;
		padding-top: 6.24rem;
	}

(If you didn't do the adjustment of the site title, change this to 56px / 5.64rem)

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[vtolbert]

Thank you, Christoph! I'll make those changes.

[Author]

Posts