Space at the top of page?

@moxley9000

Please provide a link to your site!

https://www.morganoxley.com

Another question: How can I move the logo so that it shows up in the top left corner instead of in the middle of the page?

sorry you’ll want to use this link: https://www.morganoxley.com/unstuck to see the issue

For the first issue it is using this image which has alot of empty space https://i2.wp.com/www.morganoxley.com/wp-content/uploads/2017/04/cropped-Morgan-Oxley-6-1.png – please crop it in admin or your desktop and re-upload

or use the following – https://drive.google.com/file/d/0Bw1JjuF-vEf4VFZBQ24yVmZPa1U/view?usp=sharing

Let me know once you have changed it and then I can look at the second issue

Casper wasn’t even the live theme, strange you didn’t pick up on that. You can now look at both problems if you’d like. About to give up on Casper because it’s not really all that flexible.

Didn’t pick up on it as I am not affiliated with casper and don’t even have the theme installed, so I have no idea what it looks like… I was just going by the link you sent me. I will have a look shortly

This should fix the header spacing issue – add it to you custom css area

.custom-header {
    min-height: auto !important;
}

I don’t see a logo to be able to help you with the second issue

Thanks, this helped, although not on the front page. Do I need to add separate CSS for that?
The logo is there now. I’d like to be able to move it over to the left.
I didn’t realize you weren’t associated with Casper.

Also, I just checked on my phone and there’s still a ton of extra space on top of the page (I deleted the cache).

No worries. Additional code

body:not(.home) .inner {
    padding: 0;
}
.blog-logo img {
     margin: 0;   
}

@media only screen and (max-width: 900px)
{
.site-head {
    min-height: auto;
    padding: 0;
}
}

Awesome thanks.
Is there a way to get the menu and the logo on the same line so the menu doesn’t push the logo down the page? I’d like to get them both flush up against the top of the page.
Thanks,

They are on the same line – your logo has a lot of empty space as mentioned earlier. Remove that and they should end up on the same line

try adding this

.main-navigation {
   float: right;
    width: auto;
    min-width: 80%;
}

.inner, .vertical-row {
    width: 20%;
    float: left;
}
.inner {
width: auto;
    max-width: 100%;
    
}

.main-navigation ul {
    margin: 0 ;
}

body {
    width: 80%;
    max-width: 700px;
    margin: 0 auto;
}

.hentry {

    width: 100%;
    max-width: 100%;

}