center menu items

Hi I'm using djmega menu and I would like to center in the container the top-level menu items, in the module there is not this option and having it set in custom mode also by css if I try to force the thing I do not get results:

.dj-megamenu-custom105{
float:none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
The template works in bootstrap 3

How can I solve?
Thanks

Comments

  • Hello,

    please try to add the following CSS to your template. It should work with custom and default theme.
    ul.dj-megamenu {
    text-align: center;
    }
    ul.dj-megamenu li.dj-up,
    ul.dj-megamenu li a.dj-up_a,
    ul.dj-megamenu li a.dj-up_a span {
    float: none;
    display: inline-block;
    text-align: left;
    }
    Best
    Szymon
  • Thanks is perfect!
Sign In or Register to comment.