Accordion Blocks vs Responsive Menu – Create Mobile-Friendly Menu

Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages. The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme. Features Adds a Gutenberg block for adding accordions to your site. Supports multiple accordions with individual settings for each accordion item. Fully responsive. Support for item IDs and direct links. Supports nesting accordions. Accessible (for users requiring tabbed keyboard navigation control). Optional Features Open individual accordion items by default. Disable auto closing of accordion items. Manually close items by clicking the title again. Scroll page to title when it’s clicked open (including setting a scroll offset position). Set the HTML heading tag for the title element (h1–h6, button). Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults. Supports adding custom block styles using wp.blocks.registerBlockStyle. Output The plugin will ultimately output following HTML (simplified for this example): Title with H2 tag Content Custom CSS You can use the following CSS classes to customize the look of the accordion. .c-accordion__item {} /* The accordion item container */ .c-accordion__item.is-open {} /* is-open is added to open accordion items */ .c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */ .c-accordion__title {} /* An accordion item title */ .c-accordion__title--button {} /* An accordion item title that is using a ` ` tag */ .c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */ .c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */ .c-accordion__content {} /* An accordion item content container */

Highly customisable Responsive Menu Plugin for WordPress. With over 150 customisable options you get a combination of 22,500 options! No coding experience or knowledge is needed with an easy to use interface you can get it looking exactly as you want with minimal fuss. See it in action: https://responsive.menu https://demo.responsive.menu Requirements: PHP 5.5+ Full Knowledgebase and dedicated support forum: https://responsive.menu/knowledgebase/ https://responsive.menu/support/ Fully unit tested: 100% unit test coverage with tests included in the plugin so you can run them yourself for peace of mind Basic Functionality: Change every text, background and border colour Set the fonts, font sizes and text alignment you want to use Set which side and where you want the button to show Set which side the menu appears from (left, right, top or bottom) Use background image for the menu Choice of menu animations (slide over the top or push the content) Choice of which Menu to use Choice of screen size at which the menu will be shown Choice of CSS elements to hide when menu is showing Choice of Sub-menu depth to display down to Choice of Animation Types & Speeds for the Menu & Button Integrated search (fully customisable) Ability to disable and re-order the different components Ability to fix the button to the top or to let it scroll with the page Ability to upload logos, sub-arrow images etc. Ability to include Scripts externally, minified and in footer Ability to import and export options in a click of a button Ability to add custom HTML components Ability to choose custom menu triggers WPML/Polylang Support RTL Support Plus much, much more! Advanced & Pro Functionality: Preview your changes before implementing Animate the menu items when menu is opened FontIcon Support for individual menu items 15 button animation effects Colour opacity for all colours Custom overlay colour and opacity Integrated header bar Let the plugin provide and style your main menu as well as hamburger menu For more reasons to go Pro, please visit this page or check our roadmap 🌐Our themes and plugins If you like this plugin, consider exploring our other themes and plugins: 🧱 Gutena – Block Based Theme for WordPress includes over 50 free block patterns with new patterns added every week. ⏱️ Quiz and Survey Master – Best WordPress Quiz Plugin to create engaging quizzes, surveys, & exams using WordPress and convert your website into a lead generation machine. 📙 Projectopia – Project Management & Invoicing plugin for WordPress. Generate invoices, send quotes, generate leads, manage clients, provide support – all inside your WordPress website. 📅 Booking Ultra – Appointment Booking plugin for WordPress – Show a quick form to accept bookings for your services with pre-set booking slots. Ideal for salons, medical professionals, lawyers, consultants, etc. ⚡ InstaWP – Launch a quick WordPress site with this sandbox service. Create New WordPress instance within a second.