Archived topic
Close white Space
9 replies · Started by Joe on October 14, 2015
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
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! :)
