www.wysiwygwebbuilder.com

Posted: **Mon May 08, 2023 5:53 am**

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é

Posted: **Mon May 08, 2023 6:35 am**

"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>

Posted: **Thu May 11, 2023 3:04 pm**

Hello Pablo

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

Best regards,
André

www.wysiwygwebbuilder.com

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

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

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

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