WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
WordPress / Add-ons

UberMenu - Sticky Menu Extension

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


UberMenu - Sticky Menu Extension - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Support Guide Instant answers thL way! Support Forum For tiwse swimming the deep end.

This plugin is an extension for UberMenu – WordPress Mega Menu Plugin

UberMenu Sticky Extension adds the ability to make your UberMenu “sticky”, meaning it’ll stick to the same spot in the viewport as your users scroll down your page.

Sticky menus allow your users easy access to your menu at all times, without having to scroll back to the top of the page to navigate to a different part of your site. The Sticky Menu Extension will stick your menu in place even if it doesn’t start off at the top of your site, and hold it there while your users browse your content.

Please note that as this is an extension, it will not do anything without UberMenu installed.

Mobile Devices

By default, UberMenu Sticky Menu Extension is automatically disabled for mobile devices (phones, iPods, etc), since overflow content on fixed position menus will become inaccessible on small screens. It will continue to function as a sticky menu on larger devices, such as iPads, however.

UberMenu Sticky does have an experimental option for displaying sticky menus on mobile, which may work with your theme. However, if you would like a sticky mobile menu, I recommend checking out ShiftNav

A note on fixed menus

Fixed menus, by nature, may be cut off by the extents of the viewport (browser window size, device screen, etc). Anything that doesn’t fit on the screen will be inaccessible. Please keep this in mind if you have very large submenus.

Requirements

  • WordPress 3.9+
  • UberMenu 3.0+
  • jQuery 1.11+ (included with WordPress 3.9+)

UberMenu not included; must be purchased separately.

A Note on CSS Positioning

Because the positioning is fixed (that’s what allows it to stay in the same place on the screen), the ways in which you can position your menu are more limited, as fixed elements are taken out of the flow. Out of the box, UberMenu Sticky allows you to create a sticky menu that expands the full width of your window, or aligned left within your content width (dependent partially on your theme structure). More advanced positioning is unpredictable because of the inconsistent way various browsers handle fixed positioning. Right-aligned-within-the-content-area positions, for example, are not possible out-of-the-box. Please be aware that custom positioning beyond the basics is the customer’s responsibility.

Credits

jQuery WayPoints

Changelog

 v3.1.2 September 9, 2015 * Make sure top margin is 0 when sticky * Revise UberMenu 3 requirement notification v3.1.1 March 30, 2015 * Prevent menu from overlapping toggle in responsive mode v3.1 October 13, 2014 * Feature: Sticky Toggle Color Setting * Feature: Bound Sticky Submenus with inner menu bar setting * Enhancement: Recenter submenus on stick/unstick * Enhancement: Better handling of admin bar positioning * Fix: Sticky CSS media query v3.0 August 3, 2014 * Update for UberMenu 3.0 Compatibility v1.2 July 10, 2013 * Added option to disable CSS * Added Scroll Context, so sticky can work within scrollable elements * Added experimental sticky mobile option with overflow touch scrolling * Added permanent sticky capability * Updated WayPoints version v1.1.1 February 22, 2013 * Improved compatibility with themes that adjust the menu positioning v1.1 January 28, 2013 * Updated to use jQuery WayPoints for more efficient scrolling event handling 

Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
28 January 13

Last Update:
10 September 15

Compatible Browsers:
IE9, IE10, IE11, Firefox, Safari, Chrome

Files Included:
JavaScript JS, PHP

Software Version:
WordPress 4.5, WordPress 4.4.2, WordPress 4.4.1, WordPress 4.4, WordPress 4.3.1, WordPress 4.3, WordPress 4.2, WordPress 4.1, WordPress 4.0

Keywords

eCommerce, eCommerce, All Items, always visible, extension, mega menu, menu, scroll, sticky, sticky menu, uber, UberMenu, wordpress