hamburger menu beside site title instead of below

Hi there,

do you have a link to the site so we can provide a fix?

http://deepdesign.flywheelsites.com/

https://demo.studiopress.com/genesis-sample/

Try this CSS:

@media (max-width: 768px) {
    .inside-header {
        padding-left: 30px;
        padding-right: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .inside-header .main-navigation {
        margin-left: auto;
    }
}

I added the CSS but the hamburger still appears below the site title.

Sorry i made a typo in the code above can you retry that

Hi I tried this on my site (https://reedsutton.ca/) and it is not working.
Is there an easy fix?

Hi there,

try:

@media (max-width: 768px) {
    .inside-header {
        padding-left: 20px;
        padding-right: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .inside-header .main-navigation {
        margin-left: auto;
    }
    .site-branding {
        flex: 0 0 75%;
    }
}

Thanks!

You're welcome