Menu jumps to the left which it is not supposed to...

[cadtec]

Hello all

I am using "Embedded Page" to embed a menu as a layer, whereby it is important that this menu is always visible, even when scrolling down. To do this, I activate the switch "Enable Affix".

If you now scroll down, the menu moves to the far left of the screen, which I don't want.

What do I have to do so that the menu does not move to the left but remains ALWAYS visible?

Here is a video where you can see how the menu jumps to the left edge of the screen: https://www.screencast.com/t/2ZXZde5h

Here is the project file: https://www.dropbox.com/s/am67s84a5724q8e/001.zip?dl=1

I am grateful for any tips.

Best regards,
André

[Pablo]

"Affix' only works if the menu is a direct child element of the page, because affix uses CSS "position:fixed".
So, an 'affixed' menu cannot be part of a layout grid, this will break the layout structure.

Alternatively, you can make the embedded page 'sticky' by adding this code between the head tags of Page HTML:

Code: Select all

<style>
#wb_EmbeddedPage1
{
   position: sticky !important;
   top: 0 !important;
}
</style>

[cadtec]

Hello Pablo

Perfect! It works.
Thanks again for this ingenious software and support!

Best regards,
André