Covering Top Menu Bar

Hi @yantastic,

Thank you for your using my plugin. I am so sorry to tell you that currenty plugin could not close the top bar in the all pages. I will see this issue and update it in next version. For second issue, the version 1.0.4 is updated. It changes the position of top bar append to HTML. So now I think you can make the its position solid on the page. You can put this code in CSS file:

.wpnt-topbar-box {
    position: inherit;
}

Hope this help you!

Thanks and Regards
Leo

This didn’t work for me. The top of the page is covered down about 32px for non-admins, and for admins the top of the page is NOT covered, but the admin toolbar is covered. The plugin seems great, but if I can’t get that fixed I’ll have to find another solution.

Ok, I did use the above in conjunction with several other solutions, and came up with this (which works):

In the css, I put the following in my child theme; note the tc-header stuff is the class given my header in my theme, Customizr. Anyone else would use the class given their header:

.wpnt-topbar-box { position: inherit; }
.tc-header.clearfix.row-fluid.tc-tagline-off.tc-title-logo-on.tc-shrink-on.tc-menu-on.logo-left.tc-second-menu-in-sn-before-when-mobile { margin-top: 32px !important; }

In child theme functions.php:

add_action('wp_head', 'add_css_head');
function add_css_head() {
   if ( is_user_logged_in() ) {
   ?>
      <style>
          #wpnt_elem_topbar { 
			  top: 32px !important; 
		  }
      </style>
   <?php
   } else {
   ?>
      <style>
          #wpnt_elem_topbar { 
			  top: 0; 
		  }
      </style>
   <?php
   }
}

The css was from this current thread and this one. The function came from this post on WordPress Stackexchange.

It’s possible my particular problem was unique to the theme I was using, Customizr.

• This reply was modified 7 years, 5 months ago by Anita Hill.
• This reply was modified 7 years, 5 months ago by Anita Hill.
• This reply was modified 7 years, 5 months ago by Anita Hill.

Ok, I did use the above in conjunction with several other solutions, and came up with this (which works):

In the css, I put the following in my child theme; note the tc-header stuff is the class given my header in my theme, Customizr. Anyone else would use the class given their header:

.wpnt-topbar-box { position: inherit; }
.tc-header.clearfix.row-fluid.tc-tagline-off.tc-title-logo-on.tc-shrink-on.tc-menu-on.logo-left.tc-second-menu-in-sn-before-when-mobile { margin-top: 32px !important; }

In child theme functions.php:

add_action('wp_head', 'add_css_head');
function add_css_head() {
   if ( is_user_logged_in() ) {
   ?>
      <style>
          #wpnt_elem_topbar { 
			  top: 32px !important; 
			  z-index: 10 !important; 
		  }
      </style>
   <?php
   } else {
   ?>
      <style>
          #wpnt_elem_topbar { 
			  top: 0; 
			  z-index: 100000 !important; 
		  }
      </style>
   <?php
   }
}

The css was from this current thread and this one. The function came from this post on WordPress Stackexchange.

It’s possible my particular problem was unique to the theme I was using, Customizr.

• This reply was modified 7 years, 5 months ago by Anita Hill.

Anita you saved me! ??

Many many thanks!

To others with this issue, just notice the “topbar” in “#wpnt_elem_topbar” is the name you gave to your topbar in the settings.

Problem solved for me…