Custom Header With Offcanvas - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer
Back to the questions

Custom Header With Offcanvas

Laurent

Laurent

SP Page Builder 4 months ago

Hi,

I would like to create my own custom header with this layout.

  • 3 columns
  • On left column = display mobile menu (offcanvas)
  • On middle column = display logo
  • On right column = display bouton

How can I do that with helix and especially displaying all the time burger/mobile menu?

Thanks L

0
3 Answers
Order by
Oldest Newest Votes
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 months ago #196785

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. I have created a video. Please watch the video. Also, I have attched the CSS code. 

div#sp-menu {
    display: flex;
}

div#sp-logo {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: space-around;
}

div#sp-menu-right {
    display: flex;
    justify-content: flex-end;
}

Best regards,

Toufiqur Rahman (Team Lead, Support)

1
Laurent
Laurent
Accepted Answer
4 months ago #196831

works fine many thanks

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 months ago #196870

You are most welcome & Thanks

0