=== Forwp Mega Menu ===
Contributors: 4wp
Tags: block, navigation, float menu, fse, sidebar menu
Requires at least: 6.2
Tested up to: 6.6
Stable tag: 1.0.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

== Description ==

Float Menu is a simple and powerful WordPress plugin that adds floating menu functionality to the block editor. The plugin allows you to create menus that open as side panels (similar to WooCommerce cart) when clicking on menu items or icons.

== Documentation ==

Full documentation and usage guide: https://4wp.dev/plugin/4wp-mega-menu

== Features ==

* **Float Menu Container Block** – Create float menu content anywhere on your site
* **Technical Name (Anchor)** – Each container has a unique technical name for linking to menu items
* **Navigation Integration** – Easily connect float menu to any menu item through block settings
* **Icon Support** – Works with 4wp-icons plugin, allowing float menus to open on icon clicks
* **WooCommerce-like UI** – Beautiful slide-in animation from the right, overlay with blur effect
* **Responsive Design** – Automatically adapts to mobile devices (75% width on mobile)
* **Editor Preview** – Visual preview of float menu directly in WordPress editor

== How to Use ==

1. Add “Float Menu Container” block to any page or template
2. Enter a technical name for the container (e.g., “social-menu”)
3. Add content inside the container
4. In menu item (Navigation Link) or icon (4WP Icon) settings, enable “Enable Float Menu”
5. Select the container from the available list
6. Save – done! Clicking on the menu item or icon will open the float menu

== Future Improvements ==

* Extended positioning settings (right, left, bottom) for individual menus
* Float menu header customization
* Close button customization (reusing Popup Maker logic)
* Additional animation and styling options

Ready to get started?

Check out the plugin on GitHub and start using it today.

View on GitHub

Which tools to use for FSE development?

The essential toolkit for FSE development starts with a modern code editor like Visual Studio Code equipped with WordPress-specific extensions such as WordPress Snippets and PHP Intelephense. Local…

,

The essential toolkit for FSE development starts with a modern code editor like Visual Studio Code equipped with WordPress-specific extensions such as WordPress Snippets and PHP Intelephense. Local development environments like Local by Flywheel, XAMPP, or Docker-based solutions provide the necessary WordPress installation for testing FSE themes. The WordPress Site Editor itself serves as the primary visual development tool for creating and editing templates, patterns, and template parts.

Version control systems, particularly Git with platforms like GitHub or GitLab, are crucial for collaborative FSE development and theme versioning. Build tools such as Webpack, Gulp, or Vite help optimize CSS and JavaScript assets, while SASS or PostCSS processors enhance styling workflows. Browser developer tools become indispensable for debugging block-specific CSS and inspecting the complex HTML structure generated by Gutenberg blocks.

Specialized WordPress development tools include WP-CLI for command-line operations, Query Monitor for debugging, and Theme Check plugin for validation against WordPress standards. JSON validators ensure proper theme.json syntax, while accessibility testing tools like axe DevTools help maintain WCAG compliance. Design tools like Figma or Sketch facilitate pattern design and layout planning before implementation in the block editor environment.