Customising menu navigation layout

  • Hi guys,

    I’m trying to customise the layout of the menu navigation, with no much success, through adding spacing in the appearance-customise-layout-header-primary header.

    As you will be able to see in the homepage, the menu is left aligned. Instead, I’d like it to be completely centred, if that makes sense.

    Any help will be much appreciated!

    Xenia

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Anonymous User 16453565

    (@anonymized-16453565)

    hey interprt,

    To align a menu in the center you just have to add below css code in the customizer “ add additional CSS”.

    solution 1 :

    .header-main-layout-3 .ast-main-header-bar-alignment {
  margin: 0 auto !important;
}

    OR
    solution 2 :

    .header-main-layout-3 .ast-main-header-bar-alignment {
  margin: 0 !important;
  width: 100%;
}

    .main-header-bar .main-header-bar-navigation {
    text-align: center !important;
    }

    Hope it will help you.
    Thank you.

    • This reply was modified 6 years, 3 months ago by Anonymous User 16453565.

    Hi @interprt,

    Could you please open up a ticket in our support center so we could take a closer look at this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Customising menu navigation layout’ is closed to new replies.