"You Are Offline" Notice
Shows a small notice at the bottom of the screen when the visitor loses their internet connection and hides it when the connection returns, so failed clicks make sense.
Snippet Library
WordPress code snippets, ready to use
3,040 free snippets from the WPIDE team and the community. Copy the code, or add any snippet to your site in one click with WPIDE.
Allow Pinch-to-Zoom on Mobile
Removes maximum-scale and user-scalable=no from the page's viewport tag when a theme or plugin adds them, so visitors can zoom in on phones as WCAG requires.
App-Style Bottom Navigation Bar on Phones
Adds a "Mobile bottom bar" menu location and shows that menu as a fixed bar of up to five links at the bottom of the screen on phones, like a mobile app.
Astra: Change the Mobile Menu Breakpoint
Changes the screen width at which the Astra theme switches to the mobile (hamburger) menu, useful when a long menu wraps on tablets.
Bigger Tap Targets for Small Links and Buttons
Gives menu links, pagination links, icon buttons and form controls a minimum 24 by 24 pixel tap area, the WCAG 2.2 target size minimum, without changing how they look.
Call Button in the Divi Header
Adds a tap-to-call phone button next to the menu in Divi's default header, which is especially handy for local businesses on mobile.
Click-to-Call Bar on Mobile
Shows a full-width "Call us now" bar fixed to the bottom of the screen on phones, so mobile visitors can call your business with one tap.
Close Open Menus With the Escape Key
Lets keyboard users press Escape to close an open dropdown or mobile menu and returns focus to the button or link that opened it.
Close the Mobile Menu After Tapping an On-Page Link
Closes the Navigation block's full-screen mobile menu when a visitor taps a link to a section of the same page (like #pricing), so they actually see where they jumped to.
Collapsible Sidebar Widgets on Phones
Folds sidebar and footer widgets into tap-to-open sections on small screens, so visitors reach the content and footer without scrolling past long widget lists.
Collapsible Submenus in the Divi Mobile Menu
Folds submenus in Divi's mobile menu and adds a plus/minus button to open each one, so long menus no longer fill several screens on phones.
Fix "Fixed Background" Cover Blocks on iPhone and iPad
Switches Cover blocks set to a fixed (parallax) background to a normal scrolling background on touch devices, where fixed backgrounds look blurry, zoomed or don't show at all.
Fix Full-Height Sections on Mobile Browsers
Makes Cover blocks and sections set to 100vh fit the visible screen on phones, where the browser's address bar otherwise hides the bottom of the section and its buttons.
Fluid Heading Sizes (SCSS)
Makes headings scale smoothly between mobile and desktop sizes with CSS clamp(), generated from a simple size table, so titles never look too big on phones.
Full-Screen Mobile Menu in Divi
Turns the small dropdown mobile menu of Divi's default header into a full-screen menu with large, easy-to-tap links.
GeneratePress: Change the Mobile Menu Label
Changes the "Menu" text next to the hamburger icon in GeneratePress, or removes it so only the icon shows.
Hide Blocks on Mobile or Desktop With a CSS Class
Adds hide-on-mobile, hide-on-tablet and hide-on-desktop classes you can put in any block's "Additional CSS class" field to show it only on certain screen sizes.
Hide on Mobile / Hide on Desktop Classes
Adds utility classes you can put on any block (hide-on-mobile, hide-on-tablet, hide-on-desktop) to show different content on different screen sizes.
Hide the Header on Scroll Down, Show It on Scroll Up
Slides the sticky site header out of view while visitors scroll down to read and brings it back as soon as they scroll up, giving content more room on small screens.
Make Content Tables Scroll on Small Screens
Wraps tables in posts and pages in a scrollable container so wide tables no longer break the layout on phones.
Plus and Minus Buttons on Quantity Fields
Adds "-" and "+" buttons around the quantity box on product and cart pages so shoppers can change quantities with a tap.
Quantity Dropdown Instead of a Number Box
Replaces the quantity number box with a simple dropdown (1, 2, 3...) on product and cart pages, which is faster to use on phones.
Reverse Column Order on Phones
Flips the stacking order of a Columns block with the class "wpide-reverse-mobile" on phones, so an image placed on the right appears above its text instead of below.
Scrollable Tables on Mobile
Lets wide tables in your content scroll sideways on small screens instead of breaking the layout or overflowing the page.