How to move offcanvas menu - Forum | JoomShaper
Solved SP Page Builder

How to move offcanvas menu

Asked by Laurent 1 year ago Last activity 1 year 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

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
1 year ago

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;
}

3 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
1 year ago · edited

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.

Laurent Asked this
1 year ago

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

Mehtaz Afsana Borsha Staff
1 year ago

Hi

You can use this CSS in your custom.css file

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

-Regards.

Laurent Asked this
1 year ago

ok seems to be working.
thanks

Mehtaz Afsana Borsha Staff
1 year ago

Glad to know that. You are most welcome.

Log in to reply.