Docs

[connorbennett]

Hi,
I’m using the following code to align my site logo to the left of my menu:

nav#ubermenu-main-7-primary {
display: inline-block !important;
margin-top: 30px;
}

The only issue is on mobile devices, the logo is too large and does not sit in light with the menu button. Is there a way to re-size and re-allign the logo so it works on mobile devices too?

Thanks!

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[connorbennett]

Hi Christopher!

The url is http://www.ducksinarow.uk.com/coach/pennytate

[Thai]

Hi There,

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

.ubermenu-responsive-toggle {
    float: right;
    margin-top: 45px;
}
@media (max-width: 979px){
    .x-brand img {
        width: 180px;
    }
}

Hope it helps 🙂

[connorbennett]

Brilliant – that’s done the job. Thanks! 🙂

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts