My DNN Control Bar is hiding my top menu on my site http://www.screencast.com/t/ZGngdjskGIsF is there a way I can fix this?

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:

https://github.com/dnnconsulting/DnnC.Bootster/blob/master/README.md

Hope this helps,

Regards,

Geoff.

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,

Regards,

Geoff.