Whether you're just getting started or looking to master advanced features, this comprehensive guide will help you make the most of the Mega Menu add-on.
This guide is organized into 20 focused sections, designed to take you from basic concepts to advanced techniques. While you can jump directly to any topic, we recommend starting from the beginning if you're new to Mega Menu – each section builds upon concepts introduced in earlier chapters.
This overview introduces Mega Menu 3.0, outlining its core mission to revolutionize Concrete CMS navigation through a balance of power, accessibility, customization, and performance. The section details key benefits for both developers and site owners, highlighting how the add-on enhances websites through modern features while maintaining usability and efficiency.
This section breaks down Mega Menu's core structure and elements, explaining how they combine to create a complete navigation system. The content explores everything from basic menu components to advanced features like Stacks and drop-down types, while showcasing the intuitive editor interface and its customization options.
This is the introduction to Mega Menu's range of modern skin options, showcasing professionally designed themes that balance ease of use with design flexibility. Simple color customization tools empower non-technical users while providing advanced CSS control for designers who need more precise styling options.
Discover a collection of step-by-step video tutorials that demonstrate all aspects of Mega Menu implementation. From basic setup to advanced customization, each tutorial provides clear, visual guidance for mastering the add-on's features.
This section outlines the extensive collection of page attributes that power Mega Menu's advanced navigation controls and customization options. Both custom and core attributes provide granular control over menu appearance and behavior, from visual styling to link handling and content organization.
Delve into Mega Menu's advanced performance features, particularly its sophisticated caching system that can reduce load times by up to 70%. The detailed technical overview explains how various caching mechanisms work together at different levels to optimize speed while maintaining functionality for both guest and logged-in users.
Explore Mega Menu's comprehensive approach to accessibility, highlighting how the add-on goes beyond standard compliance to create truly inclusive navigation experiences. The detailed implementation of keyboard navigation, WCAG 2.2 standards, and thoughtful design considerations demonstrate a commitment to making web content accessible to users of all abilities.
This section details Mega Menu's approach to responsive design, explaining how the framework automatically adapts to different screen sizes while offering granular control over mobile layouts. It outlines two primary mobile navigation options - hamburger and responsive collapse - along with detailed configuration settings to help users choose and customize the best approach for their needs.
Understand how Mega Menu 3.0 enhances website SEO through a combination of technical optimizations and modern best practices. From efficient code structure and fast loading times to Core Web Vitals improvements and crawler-friendly design, these features work together to boost search engine visibility while maintaining optimal performance.
Explore Mega Menu's Extended Menu feature, a powerful system for creating sophisticated drop-down menus by combining dynamic navigation with customizable content blocks. The comprehensive layout options, block templates, and Stack integration capabilities allow users to build engaging menu experiences that go beyond traditional navigation structures.
Discover two specialized blocks included with Mega Menu that enhance Extended Menu functionality - Manual Page List and Manual Panel Nav List. These tools enable the creation of custom navigation layouts with granular control over content presentation, while maintaining efficiency through inherited styling and Stack integration.
Examine how Mega Menu integrates Concrete CMS's search functionality into the navigation system with minimal setup. It provides step-by-step guidance for implementing site search, from choosing placement and style options to properly configuring search results pages, with special considerations for multilingual sites.
Delve into how Mega Menu facilitates the creation of member-focused websites through seamless integration with Concrete CMS's membership features. The system combines customizable member menus, dynamic content control, and intelligent caching to deliver personalized navigation experiences while maintaining optimal performance.
Take a closer look how Mega Menu facilitates multilingual website creation through deep integration with Concrete CMS's language features. From RTL language support to localized Stack management and Language Switch tools, the system provides a comprehensive solution for building and managing global websites that serve content in multiple languages.
Find comprehensive guidance for CSS designers working with Mega Menu, detailing its extensible structure, coding standards, and customization capabilities. From global variables and dark mode support to HTML structure and utility classes, it offers technical insights for developers who want to push the boundaries of menu design while maintaining performance and accessibility.
This section guides designers through Mega Menu's four customization approaches, from extending existing skins to creating entirely new ones. The detailed explanation of Modern skin features, color management through HSL, and surface/text color systems provides developers with the knowledge needed to create cohesive, brand-aligned navigation designs.
This is for theme designers who need complete control over Mega Menu's styling. It outlines two methodologies for integrating custom designs - starting from an existing Modern skin or building from scratch - while maintaining core functionality and following responsive design best practices.
Find out more about Mega Menu's agency-focused features, particularly the Agency Mode and permissions management capabilities. It provides tips for web agencies on how to customize client access levels and protect sensitive settings while maintaining the ability to deliver sophisticated navigation solutions through Concrete CMS's permission system.
An outline of essential principles for effective mega menu implementation, drawing from established usability research and best practices. From intuitive design and content organization to mobile optimization and analytics-driven improvements, it provides insight for creating user-centric navigation systems that enhance website effectiveness.
Learn how to resolve the most common Mega Menu issues and understand support parameters. This section walks users through troubleshooting processes for issues like CSS conflicts and JavaScript errors, while clearly outlining what's covered under technical support and offering resources for new Concrete CMS users.
