Advanced Settings

Additional CSS

• Additional CSS: Add custom CSS code to further customize the appearance of the sticky footer menu. You can target these elements:
  • .jx-sticky-footer - The main container
  • .jx-sticky-footer-wrapper - The full-width background wrapper
  • .jx-sticky-footer-menu - The centered menu container
  • .jx-menu-items - The menu items list
  • .jx-menu-item - Individual menu items
  • .jx-menu-item-link - Menu item links
  • .jx-menu-icon - Menu item icons
  • .jx-menu-text - Menu item text labels
  • .jx-social-icons - The social icons list
  • .jx-social-item - Individual social icon items
  • .jx-social-link - Social icon links
  • .jx-social-icon - Social icons
  • .jx-before-text - Text before menu
  • .jx-after-text - Text after menu

  Example: .jx-menu-item-link:hover { transform: scale(1.1); }

Module Assignment

• Module Position: The sticky footer menu should typically be assigned to a position that appears on all pages, or use "All" in menu assignment. Common positions: footer, bottom, or a custom position.
• Menu Assignment: Configure which pages the module appears on. For a sticky footer, you typically want it on all pages, so select "All" or specific menu items.
• Module Status: Set the status to Published to make the module visible on the frontend.