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 has happened for two primary reasons.
First, it is quite an aggressive move in terms of functionality, and it is a bit out of the ordinary. Covering all the content on the screen to show the menu is a relatively new concept
However, for a while, it became quite trendy to use a full-screen responsive menu. Even large creative agencies have successfully used this, with some websites still using it today.
The second reason why this is very popular is because of course, this is a responsive menu that works well on any device - with a good UX to boot. The menu will look identical whether this is a desktop, a phone, or a tablet, it just takes over the whole screen.
This WordPress plugin that we at CollectiveRay have developed, makes it easy to implement this concept of a full-screen menu on your WordPress website.
It also integrates with the WordPress menu functionality directly. It's very flexible and customisable, you can choose the fonts, colors, and animation direction of the WordPress full-screen responsive menu.
With such an extensive configuration, you can be sure that it is in line with the rest of your website.
Best of all - this WordPress plugin is completely FREE!
For more plugins visit here our WordPress plugins section.
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 ;-)
Here is a site which uses the full-screen menu: Zaarly Handbook
The plugin 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)
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.
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 page
To install the module, simply 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 Appearance > Full Screen Menu and you will see a screen similar to the one below:
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!
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!
Disclosure: This page may contain links to external sites for products which we love and wholeheartedly recommend. If you buy products we suggest, we may earn a referral fee. Such fees do not influence our recommendations and we do not accept payments for positive reviews.