Menu on mobile and tablet not sticky to the bottom of the browser

Design help General
1

I have created a hamburger menu for mobile and tablet and fixed this to the bottom of my site and this shows as working in design view but is appearing at the top off the screen in preview and live? I am unsure how to get the functionality back I previously had?

image
image3438×1862 264 KB

image
image3444×1854 302 KB

Here is my site Read-Only: [LINK][1]

2

Hi there,

When customizing the navbar position to the bottom of your site, you’ll need to ensure proper configuration for the nav menu button to display correctly. Here are a few key settings to check:

The nav menu container should have:

  • Position set to “Fixed” or “Absolute” depending on your needs
  • Z-index high enough to display above other elements
  • Overflow settings set to “Visible”
  • Proper positioning values (top/bottom/left/right) to ensure the menu appears in the desired location

You can verify these settings across different breakpoints using the preview feature to ensure consistent functionality on all devices.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

I have checked these suggested settings and unfortunately not having any more luck. The issue is that it is showing as working in the design mode but not on preview or live so it is hard to distinguish what the problem is and how to fix it.