Increasing size of header

[joshuatree1]

Hello, I figured out how to increase the size of my logo which felt like a massive win!! But now everything is cut off see www.revisioneducation.org

I am wondering how to increase the space of the gray portion of the header so that the logo and words do not get cut off.

Thank you!!

[whitemonkey]

@joshuatree 

edit  the top (and bottom) margins of the Nav Wrap

[joshuatree1]

I wish I could find that I see nav and banner wrap. nothing about top or bottom (I am very new to css) is it any of this?

.nav {
display: table-cell;
overflow-y: hidden;
padding: 0;
vertical-align: top;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.nav ul {
float: right;
overflow: hidden;
max-width: 1115px;
}
.nav li {
display: inline-block;
margin-right: 0px;
padding: 0;
}
.nav li > a.wsite-menu-item {
display: block;
padding: 8px 12px;
border: 2px solid transparent;
border-radius: 2px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
line-height: normal;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.nav li#active > a.wsite-menu-item,
.nav li > a.wsite-menu-item:hover {
border: 2px solid #ffffff;
}
.mobile-nav {
display: none;
}
/* Subnav

or this which is the banner section

banner-wrap .banner p {
padding: 0 0 25px;
color: #ffffff;
opacity: 1;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 32px;
}
.banner-wrap .banner .button-wrap {
display: inline-block;
}
.banner-wrap .banner .wsite-button,
.banner-wrap .banner .wsite-button-large.wsite-button {
text-align: center !important;
}
.banner-wrap .banner .wsite-button .wsite-button-inner,
.banner-wrap .banner .wsite-button-large.wsite-button .wsite-button-inner {
background: #a1a1a1;
color: white !important;
border: 2px solid #a1a1a1;
font-weight: 600;
}
.banner-wrap .banner .wsite-button:hover .wsite-button-inner,
.banner-wrap .banner .wsite-button-large:hover .wsite-button-inner {
background: transparent;
color: #a1a1a1;
}
.banner-wrap .banner .wsite-button-highlight .wsite-button-inner,
.banner-wrap .banner .wsite-button-large.wsite-button-highlight .wsite-button-inner {
background: transparent;
color: #ffffff !important;
border: solid 2p

[whitemonkey]

@joshuatree   its very hard  to edit the html without having full access to the site

you have anything like this, above what u showed me:  (padding 10px is the top)

.cento-header .nav-wrap {
overflow: hidden;
width: 100%;
padding: 10px 0;
background: #000000;
box-sizing: border-box;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;

??

i learned so much by playing around with everything...one thing at a time

my own site is very much NON standard   https://www.nomadicbackpacker.com

[whitemonkey]

@joshuatree    i see u have made changes since i looked earlier....  just keep on tweeaking

[joshuatree1]

Thanks appreciate it and your website is sweet!

I have attempted to change every padding under header (still no nav wrap any other tips?

/* Header */
.birdseye-header {
position: fixed;
z-index: 12;
overflow-y: hidden;
width: 100%;
padding: 20px 100px;
box-sizing: border-box;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.birdseye-header .container {
display: table;
overflow-y: hidden;
width: 100%;
max-height: 300px;
}
.birdseye-header .hamburger {
display: none;
}
.birdseye-header .logo {
display: table-cell;
overflow-y: hidden;
margin-right: 30px;
padding: 0;
vertical-align: top;
line-height: normal;
}
.birdseye-header .logo a {
display: block;
margin-right: 10px;
margin-left: 10px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.03em;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: normal;
}
.birdseye-header .logo img {
display: block;
overflow: hidden;
max-width: 200px;
max-height: 500px;
}
.birdseye-header .logo #wsite-title {
display: block;
max-width: 600px;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: normal;
}

[whitemonkey]

@joshuatree  am sorry, no new ideas.

You can always revert to the original theme   and start again

Set up a free   test site   and do all ur editing and learning on that, rather than ur live site