Layout Style: Choose how the footer menu should look and behave on all devices:
Mobile App Style (Icons + Text): Icons with text labels below, perfect for native app experience (default, recommended)
Compact (Icons Only): Icons only for minimal footprint, ideal for space-constrained designs
Horizontal (Text Only): Text-only navigation for traditional menu layouts
Mixed (Icons + Text + Social): Flexible combination with icons and text on one line, social icons in separate row
Show on Desktop: Toggle the sticky footer visibility on screens wider than 1024px (default: Show).
Show on Tablet: Toggle the sticky footer visibility on screens between 768px and 1024px (default: Show).
Show on Mobile: Toggle the sticky footer visibility on screens smaller than 768px (default: Show).
Stretch Background: When enabled, the colored footer bar spans the full browser width (100%). When disabled, the background matches the menu width (default: Yes).
Menu Width: Set the maximum width of the centered menu container (default: 1200px). You can use pixels (e.g., 1200px), rem units (e.g., 80rem), or percentages (e.g., 90%).
Menu Item Alignment: Control how menu items are aligned inside the bar:
Left: Aligns menu items to the left side
Center: Centers menu items (default, recommended)
Right: Aligns menu items to the right side
Spread Out (Space Between): Distributes items evenly with space between them
Even Gaps (Space Around): Distributes items evenly with equal space around each item
Corner Radius: Round the top corners of the footer in pixels (default: 20, range: 0-50px). Higher values create more rounded corners. Set to 0 for square corners.
Space Between Menu Items: Add breathing room between menu items in pixels (default: 8, range: 0-30px).
Menu Padding: Adjust the overall padding inside the bar in pixels (default: 12, range: 0-30px).