Compatibility with the mobile WordPress admin bar

When I implemented the plugin I had to hack a couple things. First, the absolute positioning of the menu was off. In wp-responsive-menu.php, I changed line 91 from top:28px; to top:46px;

@@ -88,7 +88,7 @@ function wprmenu_header_styles() {
 			#wprmenu_bar {
 				background: <?php echo $options["bar_bgd"] ?>;
 				<?php if (is_admin_bar_showing()) : ?>
-					top:28px;
+					top:46px;
 				<?php endif; ?>
 			}
 			#wprmenu_bar .menu_title, #wprmenu_bar .wprmenu_icon_menu {

and fix the padding-top on line 148 of wp-responsive-menu.php to 88px…

@@ -146,7 +146,7 @@ function wprmenu_header_styles() {
 			}
 			<?php if (is_admin_bar_showing()) : ?>
 				#wprmenu_menu.left ul#wprmenu_menu_ul, #wprmenu_menu.right ul#wprmenu_menu_ul {
-					padding-top: 70px; /* 42 + 28 */
+					padding-top: 88px; /* 42 + 28 */
 				}
 			<?php endif; ?>
 			#wprmenu_menu.right {

Also, I had to override the z-index’s of .wprmenu and .wprmenu.left (to 498 and 497 respectively) so they were not on top of the wp admin mobile menu

Not sure if these changes will work for everyone…

Hi,

Thanks for code but I have already added this on my next version of the plugin which would be available within next week.

Thanks
– Nirmal

Hi Nirmal,

I’m getting the same issue and was wondering when the new version will become available. Do I hack or wait?

Many thanks. Really tidy plugin BTW.