center nav menu

  • trying to center nav menu

    enter this from your previous question on this forum

    .navigation-inner { position: relative; }

    .main-menu { text-align: center; }

    .main-menu > li {
    display: inline-block;
    float: none;
    }

    .search-toggle {
    float: none;
    position: absolute;
    top: 0;
    right: 0;
    }

    but it isn’t working.

    please help

Viewing 1 replies (of 1 total)
  • .

    (@techievous)

    Something like this https://i.imgur.com/m4OJvYy.png ?

    If so, you can copy-paste this into your custom CSS:

    .navigation-inner {
    text-align: center; /* center nav item */
    position: relative; /* keep search in place on right */
}

.main-menu {
    display: inline-block; /* center nav item */
}

/* keep search in place on right */
.search-toggle {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
Viewing 1 replies (of 1 total)
  • The topic ‘center nav menu’ is closed to new replies.