Site logo

Archived topic

Close white Space

9 replies · Started by Joe on October 14, 2015

Viewing posts 1–10 of 10

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.

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

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

Or unblock Canada from your allowed visitors.

Yes sorry that is done

Canada is unblocked now for the old site
Thanks

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/

The above should do it - thanks @bdbrown! :)

Yes that worked!
thank you.

Glad that we could get it fixed! :)

This archived topic is closed to new replies.