=== 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

4WP Responsive Plugin

# 4WP Responsive

Responsive controls for core Gutenberg blocks with per-breakpoint spacing, visibility, font-size, and alignment support. Designed to be theme.json-first and editor-friendly.

## Documentation

– Plugin page: https://4wp.dev/plugin/4wp-responsive/

– GitRepository: https://github.com/4wpdev/4wp-responsive

## What it does today

– Responsive spacing per breakpoint (Padding/Margin: top/right/bottom/left).

– Responsive visibility per breakpoint (Hide / Show only).

– Responsive font-size per breakpoint for blocks that support typography.

– Responsive text alignment per breakpoint (left/center/right/justify).

– Works with core blocks (e.g. Heading, Paragraph, Group, List) and any block that supports the same features.

– Uses utility CSS classes + CSS variables (no frontend JS).

– Editor preview stays in sync with the selected device mode.

## Advantages

– Theme.json-first: reads spacing and font-size presets from the active theme.

– Works with standard blocks (no custom block requirement).

– Minimal markup changes: classes + CSS variables only.

– Safe fallback: content stays intact if the plugin is deactivated.

– Single generated CSS file, cached with a hash.

## How it works

– **Presets** (from `theme.json`) are applied via utility classes like:

– `has-forwp-padding-top-mobile-40`

– `has-forwp-font-size-desktop-large`

– `has-forwp-text-align-mobile-center`

– **Custom values** (e.g. 150 / 150px / 2rem) are applied via:

– class `has-forwp-*-custom`

– CSS variable on the block, e.g. `–forwp-padding-top-mobile: 150px;`

– this keeps output clean while allowing arbitrary values

## Editor UI

You will find **Responsive Spacing** in the block inspector sidebar:

– Tabs: Desktop / Tablet / Mobile

– Sections: Padding, Margin, Font Size, Alignment, Visibility

– Current screen size is shown per tab

– Hidden blocks are dimmed in the editor instead of fully removed

## Settings

`Settings → 4WP Responsive`

### Breakpoints

Displayed in a table with the active source:

– `theme.json` (`settings.custom.breakpoints`), if present

– Plugin settings, only when `theme.json` has no breakpoints

– Default values if neither is available

If the theme defines breakpoints, custom fields are disabled to avoid conflicts.

### CSS storage path

Generated CSS is stored in `wp-content/uploads/4wp-responsive/` by default.

You can override the storage path with an absolute path if your architecture requires it.

## Requirements

– WordPress 6.0+

– PHP 7.4+

– A theme with `theme.json` is recommended (for presets).

## Notes

– The plugin respects theme.json presets for spacing and font sizes.

– Custom values are supported, but only through CSS variables (no inline padding/margin).