Learn More





Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Control Bar IssuesControl Bar Issues
New Post
4/13/2016 10:26 AM

My DNN Control Bar is hiding my top menu on my site is there a way I can fix this?


New Post
4/18/2016 7:43 PM

Do you have the ability to change the css of your skin? For me, if I have an element that I need to use fixed positioning on, like a menu fixed to the top of the window, I adjust the css for that element if the ControlBar is active. DNN adds a class to the form element wrapping your page, '.showControlBar'. You can use the existence of that class to add a { top: 54px /* about the height of the control bar */ } or other suitable css to your menu in your skin's stylesheet to bump the menu down when the ControlBar is active.

New Post
4/19/2016 5:41 AM

Hi John,

I have just created an open source theme for Dnn8, it also has a fixed menu bar.

The way I did it was to use a mixture of Css and Js to solve the problem.

When you are not logged in the menu bar is fixed at the top, when you are logged in the js adds a css class which forces the menu bar to fix 53px lower.

Have a look through the source of the skin to see how, the theme can be found here:

Hope this helps,



New Post
4/19/2016 11:21 AM

Unfortunately, neither one of these things helped...

New Post
4/22/2016 6:03 AM

Hi John,

As mentioned in my last reply, here are the specifics of the DnnBooster skin that allows you to have a Bootstrap fixed-top menu displaying below the Dnn Controlbar when logged in:

First you need to add a style class in your css file:

.admin              { top: 53px !important; z-index: 9; } 

Secondly add an extra class, 'controlbarfix' to the Bootstrap nav tag:

< div class="navbar-fixed-top controlbarfix" >

Then you need to add some

$(function () {

        if ($('form').hasClass('showControlBar')) $('.controlbarfix').addClass('admin');


The JS checks to see if a class 'showControlBar' is being used (this is used when you are logged in), if it exists it will inject a second class, 'admin', to the Bootstrap nav tag which forces the fixed-top nav down by 53 pixels.

If the skin is not using the fixed-top but uses a page wrapper tag, add 'controlbarfix' to the wrapper tag. that will do the same thing.

I hope this helps you out,



HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Control Bar IssuesControl Bar Issues

These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
Try Evoq
For Free
Start Free Trial
a Demo
See Evoq Live
Need More Information?