*SOLVED* Why is "Responsive Menu" shifting to left? *SOLVED*

[etcbbu]

Hello,

Please check out this website:

https://grantsroofingtx.com/test/

Notice that when you are scrolled to the top of the page, the top navigation "Responsive Menu" works perfectly fine.

However, when you scroll down onto the rest of the page, while it is a good thing that the top menu stays visible on the top of the page (because in its Object Properties, I click the check-box for "Enable Affix") ; notice that the menu also shifts over to the left and is no longer Center-Aligned. Why is this happening? How can I make it stay Center-Aligned, just like when you are scrolled at the top of the page? Here's my project, and when you open it, this menu is on the non-published "masterpage" page within the .WBS project:

https://www.grantsroofingtx.com/test/proj.zip

[Pablo]

When using 'affix', the menu should not be inside a container (layer / layout grid).
The menu should be a direct child element of the page.

[etcbbu]

Pablo,

Ok, thanks for letting me know; I'm gonna disable "Affix", since that's the case. I appreciate the help~

WYSIWYG Web Builder is THE BEST

--etcbbu