Return to previous page

Main Menu – Align center - by DaphneO

This topic has 6 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

DaphneO

Participant

December 12, 2017 at 15:35

Hello,
another question about the main menu.
Right now it is a all wide menu but the elements in it are aligned left.
How can I have it all aligned center?

Thank you very much!

#179954 Copied Theme version: Legenda

5 Answers
Rose Tyler

Support staff

December 12, 2017 at 16:19
Hello,

You may use this custom css code:
```
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul {
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-pack:center !important;
        -ms-flex-pack:center !important;
            justify-content:center !important;
}
```
or this one:
```
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul {
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-box-pack:space-evenly !important;
        -ms-flex-pack:space-evenly !important;
            justify-content:space-evenly !important;
}
```
Regards
#179962 Copied
DaphneO

Participant

December 13, 2017 at 08:15

Thank you very much for your help!
As I am not used to work with css, can you please tell me precisely where to add this code in editor?

Thank you very much!

#179987 Copied Theme version: Legenda

Rose Tyler

Support staff

December 13, 2017 at 08:44

Hello,

You’re welcome!
You may add the code in custom.css file of parent theme or in style.css file of child theme.
How to create custom.css you can watch in this tutorial https://www.youtube.com/watch?v=Qok2zRedRMY.
Let us know if you need any further assistance.

Regards

#179994 Copied

DaphneO

Participant

December 13, 2017 at 09:31

Thank You very much it works pertly now!

#180004 Copied

Rose Tyler

Support staff

December 13, 2017 at 09:40

You’re welcome!
This topic will be closed because the issue is solved. Please kindly open up new tickets for additional questions.

Regards

#180009 Copied
Viewing 6 results - 1 through 6 (of 6 total)