move logo to right position - Forum | JoomShaper
Solved Helix Framework

move logo to right position

Asked by Laurent 3 years ago Last activity 3 years ago

Hi,

Any advice to move logo on right side, just close to burger menu ?

THanks
L.

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 years ago

Hi Laurent,

Please turn off the predefined header, then create a custom header and assign module position of the 12 grid column in it as logo:

https://prnt.sc/jmUcNaf49DIO

https://prnt.sc/2z-WNGplv3Wx

After that, use the following code in your custom CSS:

#sp-logo .sp-column {
    justify-content: flex-end;
}
#offcanvas-toggler {
    order: 1;
    margin-left: 20px;
}

It should help.

Best Regards

9 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago

Hi there!

Which template are you talking about, please?

Can you share your site URL here?

Best Regards

Laurent Asked this
3 years ago

On HELIX template.
I would like to do a heade like this : https://www.screenpresso.com/=tbgag

where the burger menu is always displayed on all devices (mobile + laptop)
and where logo is floating right, just close to burge menu, instead of default top left position.

Laurent Asked this
3 years ago

do you see the problem?

Laurent Asked this
3 years ago

I did but offcanvas menu is not displayed anymore.

see hidden area to check URL live.

Rashida Rahman Staff
3 years ago

Hi,

The logo is already right aligned there.

However, would you please give me your admin access to check?

Best Regards

Laurent Asked this
3 years ago

yes I know.
But my last question was :

is it possible to remove this space https://www.screenpresso.com/=U1sPc ?

Rashida Rahman Staff
3 years ago

Possible, if you align the content of menu column as left:

#sp-menu>.sp-column {
    justify-content: left !important;
}

Best Regards

Laurent Asked this
3 years ago

ok thanks perfect.

Rashida Rahman Staff
3 years ago

You're always welcome:)

Have a nice day!

Log in to reply.