Home › Forums › Basel support forum › Menu in lower case

Menu in lower case

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 5, 2017 at 7:34 pm #18906

    sweanton
    Participant

    Hi,

    If I want all menu items to be in lower case, how do I do that?
    The first letter of each word should be lower case as well!

    September 6, 2017 at 6:11 am #18920

    Artem Temos
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings to make the menu lowercase

    .main-nav .menu > li > a {
	text-transform:lowercase!important;
}

    Regards

    September 6, 2017 at 8:14 am #18938

    sweanton
    Participant

    Thank you! 🙂

    How do I do if I want the menu items to be equally spread over the menu area? (= increasing the width between the items)

    September 6, 2017 at 9:25 am #18945

    Artem Temos
    Keymaster

    You can increase it with the following code

    .main-nav .menu>li>a {
    padding-left: 23px!important;
    padding-right: 23px!important;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)