Docs

[robotpants]

Hey guys!

Is there a way to rearrange how the header sits on mobile through CSS only? We’re looking to save a bit of space and move the logo and menu (we call the hamburger!) next each other we also like to see if you can rearrange social icons on the top part.

More deets in the private follow up!

[robotpants]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 480px){
    .x-btn-navbar {
        float: left;
        margin-top: -60px;
    }
    .x-logobar {
        float: right;
    }
    .x-navbar-wrap {
        clear: both;
    }
    .x-navbar-inner {
        min-height: auto;
    }
}

Hope it helps 🙂

[robotpants]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating. I can’t see this on my end and there is nothing that might cause this. I am attaching a screen from iPhone 6 Plus view. You could try from a different device.

Cheers!

[robotpants]

Oh weird, I’m seeing it on my iPhone 6 !00% of the time. :/ Resolution issue?

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( max-width: 767px ) {

.x-navbar-inner {
min-height: 0px !important;
}

}

Hope this helps.

[Author]

Posts