How To Move Offcanvas Menu - Question | JoomShaper

How To Move Offcanvas Menu

Laurent

Laurent

SP Page Builder 7 months ago

Hi,

If I disable predefined header, then I build my own header, works fine. But how to move offcanvas mobile menu like this on the same line => https://prnt.sc/imfGg1WFwEh2 ?

Thanks L

0
7 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #186582

Hi Laurent,

Use Code Inspector from your browser and check if there is a space for that [=] menu icon.

If you used Custom Header you can set width of each column also for Mobile view, check your settings in Grid.

For example for Logo (set col-5) and Search (set col-5) and for Menu (col-2) in Phone select field.

0
Laurent
Laurent
Accepted Answer
7 months ago #186583

I'm sorry I do not understand what you mean? I have added website url on Hidden Content area

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 7 months ago #186601

Hi

You can use this CSS in your custom.css file

.burger-icon {
    position: relative;
    left: 150px;
    bottom: 65px;
}

-Regards.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 7 months ago #186694

Hi

Please remove my previous CSS and use this one

#sp-menu>.justify-content-end {
    justify-content: flex-end !important;
}
#sp-menu>.sp-column {
    position: relative;
    bottom: 60px;
}
0
Laurent
Laurent
Accepted Answer
7 months ago #186602

works but now close button is not displayed anymore => https://prnt.sc/fIYUx_MYo71c

0
Laurent
Laurent
Accepted Answer
7 months ago #186701

ok seems to be working. thanks

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 7 months ago #186710

Glad to know that. You are most welcome.

0