PluginProbe ʕ •ᴥ•ʔ
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) / 2.2.2
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) v2.2.2
2.9.1 2.9.0 2.8.9 2.8.8 trunk 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.8.1 1.8.2 1.8.3 1.8.4 1.8.5 1.8.6 1.8.7 1.8.8 1.8.9 1.9 1.9.1 2.0 2.0.1 2.0.3 2.0.4 2.0.5 2.0.6 2.1 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.2 2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.2.7 2.2.8 2.2.9 2.3 2.3.1 2.3.2 2.3.3 2.3.4 2.3.5 2.3.6 2.3.7 2.3.8 2.3.9 2.4 2.4.1 2.4.2 2.4.3 2.4.4 2.4.5 2.4.6 2.4.7 2.4.8 2.4.9 2.5 2.5.1 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 2.5.7 2.5.8 2.5.9 2.6 2.6.1 2.6.2 2.6.3 2.6.4 2.6.5 2.6.6 2.6.7 2.6.8 2.6.9 2.7 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 2.7.8 2.7.9 2.8.0 2.8.1 2.8.2 2.8.3 2.8.4 2.8.5 2.8.6 2.8.7
mystickymenu / readme.txt
mystickymenu Last commit date
css 6 years ago fonts 7 years ago images 6 years ago js 6 years ago languages 7 years ago index.php 8 years ago mystickymenu-fonts.php 6 years ago mystickymenu.php 6 years ago readme.txt 6 years ago uninstall.php 7 years ago welcome-bar.php 6 years ago
readme.txt
435 lines
1 ===Sticky Menu on Scroll, Sticky Header, Sticky Welcome Bar for Any Theme - myStickymenu===
2 Contributors: tomeraharon, galdub, premio
3 Tags:menu, header, sticky menu, sticky header, floating menu, floating navigation menu, navigation menu, navigation, sticky navigation menu, welcome bar, hello bar, top bar, sticky bar, floating bar, notification bar
4 Requires at least: 3.5.1
5 Tested up to: 5.2
6 Stable tag: 2.2.2
7 License: GPLv2 or later
8
9 This sticky menu plugin will make your menu or header stick to the top of page, when scrolled down and up. Also create a beautiful Welcome bar with it.
10
11 == Description ==
12 <strong>This sticky menu plugin will make your menu or header sticky on top of page, after desired number of pixels when scrolled. You can use it also to create a Welcome bar for announcements, promotion and more. This lightweight plugin will help your visitors navigate easily and reach to the navigation menu without wasting time. Install My Sticky Menu and improve your website’s user experience! If you want to change the CSS style, disable on scroll down or disable on specific pages. check out the <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu pro plans">Pro version</a>.</strong>
13
14 By default, sticky menu is designed to use element class ".navbar" as "Sticky Class". That value should be modified in plugin settings for different themes to make it work. Sticky Class is actually nothing more than an element class (or id) of the element that should become sticky.
15
16 <strong>📢 New feature:</strong> Welcome Bar. Use this powerful feature to create a beautiful floating sticky bar. No coding skill required, just turn it on, set up your announcement text and button, and voilà - your top bar is good to go!
17
18 With more than 60,000+ active installs and around 100 five-stars reviews, you can be sure that My Sticky Menu plugin is the right fit for your website.
19
20 = BENEFITS =
21 * Improve user experience by letting your visitors access the navigation menu and navigate to the pages they want when they want to.
22 * Make your website look more modern with sticky menu on desktop and mobile.
23 * Increase number of pageviews and visitors' time on website
24 * Create your own floating Welcome Bar and let your visitors know about your latest deals, announcements or any other important information
25
26 The sticky header function is localized (multi language support) and responsive (as far as your theme is). Also there is possibility to add custom css code which make this plugin very flexible, customizable and user friendly. You can also use the notification bar in any languauge.
27
28 My Sticky Menu plugin is originally designed for Twenty Thirteen template but should work on any theme, like: OceanWP, Nirvana Template, Travelify, Twenty Sixteen, Twenty Ten, Twenty Eleven, Max Magazine, Graduate, Lawyer theme, Spacious, Suits and more.
29
30 My Sticky Menu is tested and compatible with Elementor website builder, Divi, WPBakery, Gutenberg, Visual composer, Beaver and other WordPress website builders.
31
32 = WITH MY STICKY MENU YOU CAN: =
33 * Show sticky header on scroll down/up
34 * Fade or slide effect
35 * Disable at small screen
36 * Choose when to make visible on scroll
37 * Change the background color
38 * Change the opacity
39 * Change the sticky transition time
40 * Define the z-index of the sticky header
41
42 = WITH WELCOME BAR FEATURE YOU CAN: =
43 * Display your floating bar at top position
44 * Change the background and button colors for your hello bar
45 * Change font size and font family
46 * Set your own text and call-to-action button text
47 * Show the closing X on desktop/mobile
48 * Show the call-to-action button in your top bar on desktop/mobile
49 * Redirect your visitors to another URL on-click
50
51 = WHAT DO YOU GET IN THE PRO PLAN =
52 * Disable floating menu on Desktop/Mobile
53 * Disable floating menu on scroll down
54 * Add CSS style to the floating header
55 * Disable floating header on specific pages
56
57 But wait, there's more 😉
58
59 = Welcome Bar Pro Features =
60 * Remove the Get Bar credit
61 * Display your floating bar at bottom position
62 * Change the height of the sticky bar
63 * Open redirect link in a new tab
64 * Show your bar just on mobile or desktop
65 * Show your bar on scroll or after a few seconds
66 * Set an expiry date for your welcome bar
67 * Display your floating bar on specific pages
68
69 <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu pro plans"><strong>>>> See Pro plans here</strong></a>
70
71 = Live Demo =
72 A live demo for myStickymenu plugin and notification bar is available at <a href="https://demo.premio.io/mystickymenu/?utm_source=wordpressorg" target="_blank" title="Premio.io demo site">Premio's demo site</a>.
73
74 = myStickymenu IS GDPR COMPLAINT =
75 We don’t store any local data about your visitors. Any time your menu or notification bar appears on your site, the plugin will not store any local data about it.
76 <strong>Pro tip:</strong> You can the plugin's notification bar to let your website visitors know about your cookie policy :)
77
78 = Testimonials =
79
80 > "Works great.
81 One of the key element that i consider when choosing a theme is the sticky menu option. If the theme doesn't have it normally I don't use it. But now that’s not a problem for me anymore."<br><br>
82
83 > "This plugin rocks!
84 This plugin does exactly what it should. It is simple but powerful. I would suggest to anyone who wants to make their navigation menu sticky! I especially love the hide header on scroll down, show on scroll up feature that is built it. Great work!<br>
85
86
87 == Installation ==
88 Install like any other plugin. After install activate.
89 Go to Settings / myStickymenu and change Sticky Class to .your_navbar_class or #your_navbar_id . Sticky Class should be HTML id or class of the HTML element desired to be sticky… Clear WordPress cache if exists.
90
91 For example:
92
93 Celestial-Lite (sticky header)
94 ** Sticky Class => #branding
95 ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .myfixed #site-navigation { margin-top:0px!important; } .myfixed #logo img {width: 200px;}
96
97 Church Theme
98 ** Sticky Class => #menu-hauptnavi
99
100 Customizr Theme
101 ** Sticky Class => .row-fluid (for header) or .nav (for menu)
102
103 CyberChimps
104 ** Sticky Class => .navbar-inner
105
106 Decode
107 ** Sticky Class => .header-menu
108 ** Make visible when Scrolled after => 370
109 ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; padding-top:5px; padding-bottom:5px; }
110
111 Genesis / Dynamik Theme
112 ** Sticky Class(sticky header) =>.site-header
113 ** Sticky Class(sticky menu) =>.nav-primary
114
115 Graduate
116 ** Sticky Class => .main-navigation
117
118 Graphene
119 ** Sticky Class => #header-menu-wrap
120
121 Illdy
122 ** Sticky Class => .top-header
123 ** Disable at Small Screen Sizes => 993
124
125 Illdy (mobile support)
126 ** Sticky Class => .header-blog
127 ** CSS Style => #mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; } .myfixed .bottom-header {display:none;}
128
129 Lawyer theme
130 ** Sticky Class => .wrapper
131 ** .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .myfixed { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; } .wrapfixed { -webkit-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); -moz-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6); } .myfixed .logo img { max-height: 45px; } .myfixed .quick-info { display: none; } .myfixed .mainmenu { margin: 0px } .myfixed .mainmenu { padding-top: 7px; }
132
133 Max Magazine
134 ** Sticky Class => #nav
135 ** Make visible when Scrolled after => 250
136 ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } #nav { min-height:40px!important; }
137
138 Naturo Lite
139 ** Sticky Class => .header-inner
140
141 Nirvana Template
142 ** Sticky Class => #access
143
144 OceanWP
145 ** Sticky Class => #site-header
146
147 Responsive
148 ** Sticky Class => .main-nav
149 ** Make visible when Scrolled after => 250
150 ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; max-width:100%!important;} .myfixed .menu { background:none!important;}
151
152 Spacious
153 ** Sticky Class => #masthead (sticky header)
154 ** Make visible when Scrolled after => 250
155 ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; max-width:100%!important;} .myfixed #site-description { display:none;} .myfixed #site-title a { font-size: 24px; } .myfixed #header-text { padding:0px!important;} .myfixed .main-navigation { padding-top: 0px!important; }
156
157 Storefront
158 ** Sticky Class => .main-navigation
159
160 Suits
161 ** Sticky Class => .navbar
162
163 Tempera Template
164 ** Sticky Class => .menu
165
166 Travelify
167 ** Sticky Class => #main-nav
168
169 Twenty Sixteen
170 ** Sticky Class => .site-header-main
171
172 Twenty Ten
173 ** Sticky Class => .menu
174 ** Make visible when Scrolled after => 370
175 ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .menu {min-height:38px;}
176
177 Twenty Eleven
178 ** Sticky Class => #access
179 ** Make visible when Scrolled after => 600
180 ** .myfixed css class => .myfixed { float:none!important; max-width:100%;}
181 .myfixed .menu { background-color:none; float:left; }
182 .myfixed div { margin: 0px!important ; padding: 0px 7.6%; }
183
184 Twenty Eleven (add search to sticky menu bar)
185 ** Sticky Class => #branding
186 ** Make visible when Scrolled after => 600
187 ** .myfixed css class => .myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; } .myfixed a {display:none;} #mysticky-wrap {min-height:500px;} .myfixed #site-title, .myfixed #site-description{display:none;} .myfixed #access { margin: 0px auto 0px; } .myfixed #searchform { top: 0.3em!important; }
188
189 Twenty Twelve
190 ** Sticky Class => .nav-menu
191 ** Make visible when Scrolled after => 250
192
193 Twenty Thirteen (sticky header – add your own custom logo image and edit to suite your needs)
194 ** Sticky Class => #masthead
195 ** .myfixed css class => .myfixed { margin:0 auto; max-width:1070px; width:100%!important;} .myfixed .search-form, .myfixed .site-description, .myfixed .site-title { display:none;} .myfixed .home-link { max-width: 55px; min-height: 38px; margin-left:20px; float:left; background-image: url('logo.png'); } .myfixed .navbar { max-width:645px; float:right;} .wrapfixed .navbar { background-color: transparent; } .wrapfixed ul { padding-right:0px; }
196
197 Webnus netStudio theme
198 ** Sticky Class =>.nav-wrap2
199
200 Weblizar
201 ** Sticky Class => .row
202
203 Wrock Metro Theme (entire header)
204 ** Sticky Class =>#navigation
205
206
207 == Frequently Asked Questions ==
208
209 = How to find Sticky Class, what should I enter here? =
210 So this depends on what you want to make sticky and what theme do you use, but for example if you want your menu to be sticky, than you can examine the code (in firefox right click and “View page source”) and find HTML element in which your menu is situated. This element have some class or id, and that’s the Sticky Class we need. If using class than don’t forget to ad dot (.) in front of class name, or hash (#) in front of id. Twenty Thirteen default working class is ".navbar" without of quotes.
211
212 = Is there any way to restrict the width to the width of the header, rather than it being full width? =
213 Yes, just leave "Sticky Background Color" field blank (clear). Than if needed define custom background color for sticky header inside ".myfixed css class" field using .myfixed class.
214
215 = Ho do I add small logo to the menu? =
216 That will depend on a theme you use, but if initially your menu and logo are in one div than you can use that div class or id in myStickymenu settings.
217
218 If not you can change that in your header template file and add logo and menu divs inside new div with some custom class or id, than use that class or id in myStickymenu settings as a sticky class.
219
220 In CSS you can style your custom class while not sticky using custom class you added before. Furthermore you can style your menu while sticky using .myfixed class which is added by js to your custom class while sticky is active.
221
222 In some cases you can use the whole header div and than just style it different with .myfixed class, hide what you don’t need using CSS display:none; property, and position logo and menu as you like.
223
224 = Is there a time limit for the free plan? =
225 No. you can use the free plan as long as you want.
226
227 = Can I use My Sticky Menu plugin on more than 1 domain? =
228 There 2 ways to do it:
229 1. You can install the free Sticky Menu plugin plugin on any website you want
230 2. You can buy the Pro plan that includes licenses for 5 domains, or the Agency plan that includes licenses for 20 domains.
231 Check out our <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu plans page">plans page</a>.
232
233 = How long is my paid Sticky Menu plugin plugin license valid for? =
234 Once you purchase any <a href="https://premio.io/downloads/mystickymenu/" target="_blank" title="mystickymenu plans page">paid plan</a> of my sticky menu, you can use it forever. Support and updates are available for 1 year. You can renew your license each year to get another year of support and updates.
235
236 = Will Sticky Menu plugin stop working if I don’t renew my license? =
237 Of course NOT! 🙂
238 Your Sticky Menu plugin plugin and all your settings will continue to work as before; however, you will no longer receive plugin updates including feature additions, improvements, and support.
239
240 = How do I activate my pro plan? =
241 Just follow our <a href="https://premio.io/wordpress-premio-pro-version-installation-guide/" target="_blank" title="WordPress installation guide">pro installation guide</a>.
242
243 = Is there a live demo formyStickymenu =
244 A live demo for myStickymenu plugin is available at <a href="https://demo.premio.io/mystickymenu/?utm_source=wordpressorg" target="_blank" title="Premio.io demo site">Premio's demo site</a>.
245
246 = How does the Welcome Bar feature work and do I have to enable it? =
247 After installing the plugin, you’ll have the option to turn on the welcome bar. You can create a floating bar that’ll appear on your site, and use it for promotion, announcements, and more. You don’t have to turn that feature on if you don’t want to :)
248
249 == Screenshots ==
250
251 1. You can choose your current menu from the dropdown or enter it ID or class manually
252 2. Add you custom CSS
253 3. This is how myStickymenu will actually look on your site
254 4. Design your welcome bar
255 5. You can change the background text, call-to-action text, fonts, and colors
256 6. Check out welcome bar in action
257
258
259 == Changelog ==
260 = 2.2.2 =
261 Fixed apostrophes bug for Welcome bar
262 = 2.2.1 =
263 Sticky menu and welcome bar conflict fix
264 = 2.2 =
265 You can now add a welcome bar to your website
266 = 2.1.8 =
267 Upgrade page update
268 = 2.1.7 =
269 Fixed undefined indexes
270 = 2.1.6 =
271 Saving issue bug fixed
272 = 2.1.5 =
273 Security update
274 = 2.1.4 =
275 Fixed some page builders issues
276 = 2.1.3 =
277 Fixed variable output warnings bugs
278 = 2.1.2 =
279 Upgrade page change
280 = 2.1.1 =
281 * Added a testimonial
282 = 2.1 =
283 * New and easy UI, you can now select your menu from a dropdown
284 = 2.0.6 =
285 * Fixed: Enable / Disable at 404 page
286 = 2.0.5 =
287 * Added: Admin settings sidebar right
288 * Added: Admin separated js script
289 * Added: Admin separated css script
290 = 2.0.4 =
291 * Added: Hide for large screens
292 = 2.0.3 =
293 * Fixed: Missing bg color field
294 = 2.0.1 =
295 * Fixed: If user logged in but admin bar is not showing (error to calculate activation height)
296 * Fixed: Admin style conflict with Scripts n Styles plugin
297
298 = 2.0 =
299 * Added: If Make visible on Scroll is set to 0 automatic activation and deactivation scroll height will be used (useful for responsive designs).
300 * Added: Tabs for settings.
301 * Added: option to disable on scroll down (show only on scroll up).
302 * Added: Class .up and .down on scroll up or down.
303 * Added: Reset to default settings.
304 * Added: remove myStickymenu settings on plugin uninstall.
305 * Added: index.php to plugin root to prevent directory browsing.
306 * Fixed: If sticky menu class does not exist (null or undefined), it will show console log instead of error.
307 * Fixed: slide effect now slides on deactivate as well.
308 * Fixed: admin bar overlap for screens less than 600 px wide.
309
310
311
312 = 1.9.1 =
313 * Changed: admin bar is fixed as default, and menu goes under it.
314
315 = 1.9 =
316 * Fixed: enable / disable for search pages.
317
318 = 1.8.9 =
319 * Added: New option - Disable at certain posts and pages.
320
321 = 1.8.8 =
322 * Fixed: removed esc_attr for echo css, since input is already sanitized.
323
324 = 1.8.7 =
325 * Fixed: minor bug when browser resized.
326
327 = 1.8.6 =
328 * Fixed: minor bug.
329
330 = 1.8.5 =
331 * Improved: Improved performance and optimized scripts.
332
333 = 1.8.4 =
334 * Fixed: changed is_home() to is_front_page() for menu activation height on front page.
335
336 = 1.8.3 =
337 * Change: minor cosmetic changes…
338
339 = 1.8.2 =
340 * Fixed: js load on https
341
342 = 1.8.1 =
343 * Added: “Disable CSS“. If you plan to add style manually to your style.css in order to improve your site performance disable plugin CSS style printed by default in document head element.
344 * Minimized mystickymenu.js to improve performance.
345
346 = 1.8 =
347 * Added: "Make visible when scrolled on Homepage" after number of pixels. Now it’s possible to have one activation height for home page and another for the rest of the pages.
348 * Added German language
349
350 = 1.7 =
351 * Added multi language support (localization).
352 * Added languages - English (default), Spanish, Serbian and Croatian.
353 * Added Iris color picker script.
354 * Fixed jumping of page on scroll while menu is activated (height is defined before scroll event).
355 * mystickymenu.js moved to js folder
356
357 = 1.6 =
358 * Added: "Make visible when scroled" after number of pixels option.
359 * Fixed opacity 100 bug.
360
361 = 1.5 =
362 * Added option to enter exact width in px when sticky menu should be disabled "Disable at Small Screen Sizes".
363 * Added “.myfixed css class” setting field – edit .myfixed css style via plugin settings to create custom style.
364 * Fixed google adsense clash and undefined index notice.
365 * is_user_logged_in instead of old “Remove CSS Rules for Static Admin Bar while Sticky” option
366
367 = 1.4 =
368 * Added fade in or slide down effect settings field for sticky class.
369 * Added new wrapped div around selected sticky class with id mysticky_wrap which should make menu works smoother and extend theme support.
370
371 = 1.3 =
372 * Added "block direct access" to the mystickymenu plugin file (for security sake).
373 * Added Enable / Disable at small screen sizes and Remove not necessary css for all themes without admin bar on front page.
374 * Added “margin-top :0px” to .myfixed class in head which should extend theme support.
375
376 = 1.2 =
377 * Fixed mystickymenu.js for IE browsers, so myStickymenu is now compatible with IE 10, 11
378
379 = 1.1 =
380 * Added administration options, now available through Dashboard / Settings / myStickymenu. Options are as follows: Sticky Class, Sticky z-index, Sticky Width, Sticky Background Color, Sticky Opacity, Sticky Transition Time.
381 * Old mystickymenu.css file is deprecated and not in use anymore.
382
383 = 1.0 =
384 * First release of myStickymenu plugin
385
386 == Upgrade Notice ==
387
388 = 1.8.4 =
389 * Fixed: changed is_home() to is_front_page() for menu activation height on front page.
390
391 = 1.8.3 =
392 * Change: minor cosmetic changes…
393
394 = 1.8.2 =
395 * Fixed: js load on https
396
397 = 1.8.1 =
398 * Added: “Disable CSS“. If you plan to add style manually to your style.css in order to improve your site performance disable plugin CSS style printed by default in document head element.
399 * Minimized mystickymenu.js to improve performance.
400
401 = 1.8 =
402 * Added: "Make visible when scrolled on Homepage" after number of pixels. Now it’s possible to have one activation height for home page and another for the rest of the pages.
403
404 = 1.7 =
405 * Added multi language support (localization).
406 * Added Iris color picker script.
407 * Fixed jumping of page on scroll while menu is activated (height defined before scroll event).
408 * mystickymenu.js moved to js folder
409
410 = 1.6 =
411 * After plugin update go to mystickymenu plugin settings and save changes with desired value for a new parameters. Clear cache if some cache system used on your site.
412 * Added: “Make visible when scroled” after number of pixels option.
413 * Fixed opacity 100 bug.
414
415 = 1.5 =
416 * Added option to enter exact width in px when sticky menu should be disabled "Disable at Small Screen Sizes".
417 * Added “.myfixed css class” setting field – edit .myfixed css style via plugin settings to create custom style.
418 * Fixed google adsense clash and undefined index notice.
419 * is_user_logged_in instead of old "Remove CSS Rules for Static Admin Bar while Sticky" option
420
421 = 1.4 =
422 * Added fade in or slide down effect settings field for sticky class.
423 * Added new wrapped div around selected sticky class with id mysticky_wrap.
424
425 = 1.3 =
426 * Added "block direct access" to the mystickymenu plugin file.
427 * Added Enable / Disable at small screen sizes and Remove not necessary css.
428 * Added "margin-top :0px" to .myfixed class in head which should extend theme support.
429
430 = 1.2 =
431 * Fixed mystickymenu.js for IE browsers, so myStickymenu is now compatible with IE 10, 11
432
433 = 1.1 =
434 * Added administration options, now available through Dashboard / Settings / myStickymenu. Options are as follows: Sticky Class, Sticky z-index, Sticky Width, Sticky Background Color, Sticky Opacity, Sticky Transition Time.
435 * Old mystickymenu.css file is deprecated and not in use anymore.