Covering Top Menu Bar

Resolved yantastic
(@yantastic)

9 years, 4 months ago
Hello,

First of all, I would like to say that I love your plugin. It provides all kinds of customization that I would want. There are two things I’m thinking about doing and I’m wondering if you could help me.

1. When closing out the top bar, it reappears on every new page. Is there an ability to make it persistent?
2. The top bar is currently covering up my top menu bar for user login. How can I make it so that the top bar shows actually ontop of my top bar navigation? Essentially, making the topbar position relative to the site as a whole. I attempted to edit this in CSS but no luck.
- This topic was modified 9 years, 4 months ago by yantastic.
- This topic was modified 9 years, 4 months ago by yantastic.

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Contributor duynguyen
(@duynguyen)

9 years, 4 months ago
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
Anita Hill
(@anita-hill)

8 years, 11 months ago

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.
Anita Hill
(@anita-hill)

8 years, 11 months ago
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 8 years, 11 months ago by Anita Hill.
- This reply was modified 8 years, 11 months ago by Anita Hill.
- This reply was modified 8 years, 11 months ago by Anita Hill.
Anita Hill
(@anita-hill)

8 years, 11 months ago
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 8 years, 11 months ago by Anita Hill.
dannykweb
(@dannykweb)

8 years, 10 months ago

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…

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Covering Top Menu Bar’ is closed to new replies.