Denzel Chia
    Moderator
    Posts: 2672
    June 11, 2015 at 5:42 am #18182

    Hi,

    Go to Theme Options -> Header -> Header Image Height
    Set this height to 350px or 400px so that the header stretches over your logo.

    Something’s wrong with the logo centering option, Please kindly use the following fix.
    In Theme Options -> Custom CSS
    use the following code to center your logo.

    #logo-image {
    float: none;
    margin: 0 auto;
    }

    Thanks!
    Denzel

    steven wilson
    Spectator
    Posts: 22
    June 11, 2015 at 5:07 pm #18215

    thanks. the centering worked but changing the height to 400px makes the mobile view have a massive header height.

    steven wilson
    Spectator
    Posts: 22
    June 11, 2015 at 5:12 pm #18217

    in addition, that CSS causes the logo to push the menu to a second line when the sticky header appears on scroll. so, overall not an ideal solution.

    Denzel Chia
    Moderator
    Posts: 2672
    June 11, 2015 at 5:22 pm #18219

    Hi,

    Try using your logo as the the header image. Maybe it works better.
    Appearance -> Customize -> Header Image

    Thanks!