Off-Canvas Menu Position - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Off-Canvas Menu Position

M

Mindsugar

Helix Framework 2 years ago

Heyyy there,

with the change of resolution the offcanvas menu appears but unfortunately it does not remain in the desired position like you see on the screenshot. It jumps out of line.

I want it to stay on the right side in the menu-bar (#sp-header).

Any help is appreciated. Thanks in advance.

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #128724

On my side is OK - so please clear browser cache, refresh site 3x.

And test from 2-3 different browsers.

info_1372_2023.gif

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #128716

HI,

  1. Fixed Offcanvas [=] position. I changed settings in mobile view in Layout
  2. I updated your SPPB 5 DE translation with a new file.
0
M
Mindsugar
Accepted Answer
2 years ago #128719

Hey Paul,

thanks for your reply but unfortunately I still have the same problem.

Could you pls check again?

Thanks so much. I really appreciate

0
M
Mindsugar
Accepted Answer
2 years ago #129426

Heyyy Paul,

thanks a lot for your help. It works fine now. I really appreciate your help!

Unfortunately as I resize the window the main-menu the single items jump one line below one after another. Before that happens I would expect the mobile menu to appear.

I appended a video to show what happens. Video

What can I do to change this?

greets,

Ras

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #129427

Res, you have to know exacly on what screen resolution it happends then using Custom CSS:

  • reduce font size of menu item
  • or reduce space between menu items

@media screen and (max-width: VALUEpx) { ...here... }

then it will help you.

VALUE - for example - 1280px

some tips you can find in Helix documenation section "Customization Tips"

Use Code Inspector from your browser that has different resolutions, screenshot from Firefox:

info_1448_2023.gif

0
M
Mindsugar
Accepted Answer
2 years ago #129443

Thanks Paul,

i fumbled around with the infos you gave to me and fortunately achieved the result i wanted.

Thanks man

0