Align menu and submenu


How can i align center main menu? And how can I make it so that Home menu is only on subpages?


Seems likely I could suggest you a couple of lines of CSS code to center your menu. However, I need to inspect your current menu configuration directly. Can you share a link to your website here?

I am sorry, I don’t get it. Can you elaborate more details? It would be better if you can share a screenshot with descriptive annotations to help me better understand it.

aThemes Support

Yes of course. Webpage is

And the other subject

I would like it to be like this on main page:

and like this on subpages (AVALEHT means HOME)


Thanks for using our Airi theme!

  1. To center the menu please try adding the given custom CSS code below at Customize > Appearance > Additional CSS:

.site-header .contact-us,
.site-header .last-block {
  display: none;

@media screen and (min-width: 1200px) {
  .site-header > .container-fluid > .row {
    flex-wrap: nowrap;

  .main-navigation {
      max-width: 100% !important;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      padding-right: 20%;

  .menuStyle5 .site-header .main-navigation {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;

2.To remove the “Home” item from home page, please try adding this custom CSS code below in the same place of step 1:

body.home .menu-item-608 {
  display: none !important;

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,


aThemes Support