JUser: :_load: Unable to load user with ID: 62

Create a responsive full-screen menu for your WordPress website

We have recently seen a growing trend of websites using a full-screen menu - this is for two main reasons. First, it is quite a bold move in terms of functionality. Covering all your content to show the menu is a relatively new concept - however, it is becoming quite trendy to use a full-screen responsive menu. Even large creative agencies have successfully used this.

The second reason why this is very popular is because of course, this is as responsive as something can get. The menu will look identical whether this is a desktop, a phone or a tablet.

This plugin, we at CollectiveRay have developed, makes it easy to implement this concept of a full screen menu on your WordPress website - and integrates with the WordPress menu functionality directly. It's also very flexible and customisable, you can choose the fonts, colors and animation direction of the WordPress full screen responsive menu - so that it is inline with the rest of your website.

Best of all - this WordPress plugin is completely FREE, Gratis, you pay nothing, zero, zilch, niente! ;-) 

For more plugins visit here: https://www.collectiveray.com/wp/plugins/

Are you on Joomla? We've got a Responsive Full Screen Menu for Joomla too!


This effect can also be found as Full Screen overlay effect - however, whatever name you want to call this - we've got you covered for WordPress ;-)

We've found a few examples of sites which use a full screen menu: Huge Inc. | TicTail | Zaarly Handbook | SouthPaw Agency | Not Complex

The module offers the following features:

  • Shows a full screen responsive menu in WordPress
  • Integrates directly with WordPress menu functionality
  • Customizable animation (swing in from left, right, top or bottom of screen)
  • Customizable background colors
  • Customizable font (using Google font - just specify the name of the Google font)
  • Customizable font color

Download the WordPress Full Screen Menu (Free)

Download here! or from WordPress.org

If you like the plugin, please take a moment to give us a rating, share this page vote for us, or link to us! 

The module should be very simple to use, however, if you find any problem while using it, please drop a line in the comments below or contact, and we try our best to support you. If you like it and used it, please do leave a comment with a link to your site, it would be good to know that other people have found it useful.


Wordpress Responsive FullScreen Overlay Menu

Live Demo - Responsive WordPress Full Screen menu

If you'd like to see it in action, check out the WordPress Full Screen Menu Plugin demo pageFull Screen Menu Plugin demo pageWeb Hosting


To install the module, simple go to (Plugins > Add New> Upload Plugin), choose the file you have downloaded above and click on the upload and install button.


Configuration - Full Screen Responsive menu for WordPress

Configuration of the module is done via the Appearance > DC FullScreen options screen. Click Apperanance > Full Screen Menu and you will see a screen similar to the one below:

FullScreen Wordpress Menu Configuration Options

Change the options of the WordPress full screen menu to suit your needs ;-)


Please post to the comments if you need help in configuring the module.

Do you like this plugin? - Please share and subscribe! 

Join our list of 21,000+ subscribers and get awesome content!


About the Author

One more thing... Did you know that people who share useful stuff like this post look AWESOME too? ;-)
Please leave a useful comment with your thoughts, then share this on your Facebook group(s) who would find this useful and let's reap the benefits together. Thank you for sharing and being nice!

Featured On

Inc Magazine Logo  

Sitepoint logo  

CSS Tricks logo   

webdesignerdepot logo   WPMU DEV logo   

and many more!



Get Started Now With ShutterstockShutterstock

Best Rated Caching Plugin

Make your website faster 

How to make your website FAST!

Step-by-step - free email course, how to make your website load in less than 1 second 


Work with CollectiveRay.com

CollectiveRay (formerly known as DART Creations) is interested in developing partnerships with mutual benefit. If you like the stuff we publish and would like to develop a relationship, we'd be happy to hear from you. Go on - drop us a line - we'd love to hear from you :-)


Disclosure: CollectiveRay is funded personally out of a pure passion for helping people working with websites. We do however generate some income through recommendations of products. This means if you click on a link and purchase an item we link to, we will receive a small sum out of that sale. We usually partner with vendors to make your purchase cheaper than buying direct.


InMotion Hosting CollectiveRay Deal

who are we?

CollectiveRay is run by David Attard - working in and around the web design niche for more than 12 years, we provide actionable tips for people who work with and on websites. We also run DronesBuy.net - a website for drone hobbyists.

David attard