Move Logo To Right Position - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Move Logo To Right Position

Laurent

Laurent

Helix Framework 2 years ago

Hi,

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

THanks L.

0
13 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #130172

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #130020

Hi there!

Which template are you talking about, please?

Can you share your site URL here?

Best Regards

0
Laurent
Laurent
Accepted Answer
2 years ago #130021

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.

0
Laurent
Laurent
Accepted Answer
2 years ago #130166

do you see the problem?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #130175

Forgot to say, select the menu type as offcanvas: https://prnt.sc/sjD59LmfD0Uf

0
Laurent
Laurent
Accepted Answer
2 years ago #130238

I did but offcanvas menu is not displayed anymore.

see hidden area to check URL live.

0
Laurent
Laurent
Accepted Answer
2 years ago #130240

see also here : https://www.screenpresso.com/=PJs4d

I think the menu position should be added inside the row no?

like this https://www.screenpresso.com/=vkOMf ?

0
Laurent
Laurent
Accepted Answer
2 years ago #130371

?

also, is it possible to have logo align right and remove this space https://www.screenpresso.com/=U1sPc ?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #130405

Hi,

The logo is already right aligned there.

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

Best Regards

0
Laurent
Laurent
Accepted Answer
2 years ago #130432

yes I know. But my last question was :

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #130448

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

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

Best Regards

0
Laurent
Laurent
Accepted Answer
2 years ago #130453

ok thanks perfect.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #130527

You're always welcome:)

Have a nice day!

0