Create a responsive full screen overlay menu for your Joomla 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 become 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 makes it easy to implement this concept of a full screen menu on your Joomla website - and integrates with the Joomla menu functionality directly.

It's also very flexible and customisable, you can choose the fonts, colors and animation direction of the Joomla full screen responsive menu - so that it is inline with the rest of your website.

Best of all - this Joomla plugin is completely FREE, Gratis, you pay nothing, zero, zilch, niente! ;-) Just say thank you to CollectiveRay.com :-)

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 Joomla ;-)

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

The Joomla module offers the following features:

  • Shows a full screen responsive menu in Joomla
  • Integrates directly with Joomla 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 size
  • Customizable font color
  • Customizable list hover color
  • Customizable list hover font color
  • Customizable Close button color
  • Customizable Close button hover color

Download Buy me a Beer (€3) or Download (Free)

If you like the plugin, please take a moment to write a small review for us, 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.

Screenshot

Joomla fullscreen overlay menu screenshot

Live Demo - Responsive Joomla Full Screen menu

If you'd like to see it in action, check out the Joomla Full Screen Menu Plugin demo page

Installation

To install the module, simply go to (Extensions > Extension Manager), choose the file you have downloaded above and click on the upload and install button.

 

Configuration - Joomla Fullscreen menu 

Configuration of the module is done via the Paypal logo in the Editor. Click on the Paypal logo, and you will see a screenshot similar to the one below:

Joomla fullscreen menu configuration options 

Support

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

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

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

 

Featured On

Inc Magazine Logo  

Sitepoint logo  

CSS Tricks logo   

webdesignerdepot logo   WPMU DEV logo   

and many more!

Where are we hosted?

This site is proudly powered by FAST VPS InMotion Servers and given an insane speed thanks to MaxCDN!

Web Hosting MaxCDN - Speed up your website

New! DIVI 3.1 WordPress Template + PageBuilder

You'll surely create a perfect website with Divi 3.1!

Get an exclusive 10% OFF for CollectiveRay visitors until

Divi 3

 

Monstroid2 (Updated!)

The best-selling template from TemplateMonster has been given an awesome upgrade!

We've got an exclusive 10% OFF for CollectiveRay visitors on Monstroid2 until - use Coupon Code: collectiveray

Monstroid2 Super Update

 

TemplateMonster Bundles

Awesome bundles for awesome websites. $1300 worth of products for $49 only!

We've got an exclusive 10% OFF for CollectiveRay visitors until - use Coupon Code: collectiveray

TemplateMonster Bundles

 

The Outstanding HungryJPEG Bundles

AWESOMENESS! Bundles of premium font + graphic packs at more than 96% OFF!  Get a bundle for just $9 - ONLY!

The Hungry JPEG Awesome font bundles

 

Advertise on 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 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.

Popular Content

Joomla extensions to take your website to the NEXT level

Is your Joomla website reaching its full potential? We install many of these extensions on almost ALL of our Joomla sites - why don't you check them out our list of Joomla Extensions and see whether you can take your site to the next level?

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

Follow us on Social

Follow us on Facebook   Follow us on Google+   Subscribe to our RSS Feed   Follow us on Twitter