Logo alignment (superfly menu)

[ElliotMersie]

Hello there,

i’m using the superfly menu on a clients website. (using x theme)
Ive noticed that the logo in the superfly menu bar (on mobile) is aligned to the center. (see image)

website: https://www.bespoke-club.be/

How can i align the logo to the left, like most headers do?

Thank you!

[Prasant]

Hello @ElliotMersie,

Thanks for asking.

Please add following CSS under Pro > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    #sfm-mob-navbar img {
    float: left;
}
#sfm-mob-navbar a {
    display: block;
}
}

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

For the CSS code itself, I suggest that you get started with this tutorial:

Thanks.