A full-screen navigation menu for Elementor that takes over the viewport when opened — for portfolios and creative sites.
Expand your menu to cover the entire screen, providing a bold and visually engaging navigation experience.
Adjust colors, typography, spacing, and hover effects to perfectly match your website’s branding.
Instagram · Journal · Newsletter
Tuesday – Thursday
5.30pm – 11pm
Friday & Saturday
12pm – 1am
Sunday, Monday
Closed
One menu, three different front doors. Each mark below opens the full-screen overlay — with its own colour, alignment and way of arriving.
Three bars on their own, sitting in the corner of a header. Nothing else competes with them.
A word beside the mark, for anyone who wants the cue spelled out rather than inferred.
A hairline ring around the mark that floods with colour the moment a cursor reaches it.
Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.
Read the documentation for this one, or write to us — a human answers inside a business day.
Yes. The Full Page Menu widget in Sky Addons for Elementor places a toggle button on the page and, when it is clicked, covers the whole viewport with the navigation. It is the pattern portfolios and agency sites use when the menu is meant to be an event rather than a strip.
Either source. Menu Type switches between a WordPress menu you already manage under Appearance → Menus and the widget’s own item list, where each row is a title plus a link. The item list is the usual choice here because a full-screen menu is normally a short, deliberate set.
No — it renders one flat level of links, and the widget says so in the panel. That is a design constraint rather than an oversight: full-screen menus stop working past about eight items. For nested navigation, use the Nav Menu or Off-Canvas Menu widget in Sky Addons instead.
Reveal splits the overlay background into three full-width horizontal bands that come in as the menu opens, and left-aligns the link column instead of centring it. Default paints the background as one surface. Both use the same links, so switching is a one-control change.
Yes. A Background Blur slider runs from 0 to 50px and applies to the overlay, so the page stays faintly visible behind the links. Combine it with a semi-transparent colour or gradient background — a solid background makes the blur invisible, which is the usual reason it appears to do nothing.
Yes — the Clip Effect draws each link as outlined type with a Text Stroke Width you set, then fills it with a colour or gradient on hover. It is the treatment that makes a full-screen menu read as display typography instead of a list, and it is a switch, not custom CSS.
No. Full Page Menu is a Sky Addons widget running on free Elementor, overlay, clip effect and all. Elementor Pro is only relevant if you want the toggle inside a Pro Theme Builder header rather than placed directly on the page.
Yes, though the row is off until you switch it on. Each entry takes an Elementor icon and a URL, an optional heading sits above the row, and the icons have their own style section. It suits the pattern where the full-screen menu is also the site’s contact moment.
Yes, and per breakpoint. Menu Position places the whole link column left, centre or right inside the overlay, and the links have their own text alignment on top of that. A left column at desktop with a centred one on mobile is two settings, not a workaround.
When the site has few top-level destinations and the navigation is part of the art direction — portfolios, single-product launches, studio sites. A shop or documentation site with dozens of links and real nesting is better served by the Nav Menu or Vertical Menu widget, which handle depth.
