[Resolved] Close white Space

[Joe]

hi,

I am trying to close the white space in my header.
http://dev.atcair.com

I want to make it float like this
http://atcair.com

thanks
joe

[Tom]

Hi there,

I couldn’t see the second link – says my access is restricted.

That being said, the excess white space you’re seeing is because your logo is much taller than the content in your header widget.

You can either decrease the size of your logo, or add more content to your header widget to reduce the white space.

[Joe]

http://www.atcair.com is the link that I want to copy.
I changed the logo and still same thing. I am trying to get to float on the nav bar.
like above

[Tom]

Can you deactivate WordFence? It’s not allowing me to view the site.

Or unblock Canada from your allowed visitors.

[Joe]

Yes sorry that is done

[Joe]

Canada is unblocked now for the old site
Thanks

[bdbrown]

Hi Joe. You could try this CSS. A bit of a hack with a negative margin but should work:

/* float log on navigation bar */
.inside-header .site-logo {
    position: absolute;
    top: 100px;
    left: 3%;
    z-index: 99;
}

/* center logo above header menu on mobile */
@media (max-width: 767px) {
    .inside-header .site-logo {
        position: relative;
	float: right;
	padding-right: 40%;
	padding-bottom: 120px;
	margin-top: -130px;
    }
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[Tom]

The above should do it – thanks @bdbrown! 🙂

[Joe]

Yes that worked!
thank you.

[Tom]

Glad that we could get it fixed! 🙂

[Author]

Posts