How to change the letter spacing of menu?

Hello, may I know how to increase the letter spacing in menu?
Both in Desktop and mobile version
Thank you so much!

Hello,

You can use custom CSS in Theme Settings -> Custom CSS -> put this code in the field “Global Custom CSS”

.menu .nav-link-text,
.site-mobile-menu .nav-link-text {
  letter-spacing: 2px;
}

Thanks for contacting us.

Kind Regards

Thank you so much for your help.
Its work.

And I have a new question.
May I know how to change the mobile menu categories menu background color to white?
And how to change the style of open sub menu to click the parent menu instead of the arrow?
And is it available to disable the grid line between each menu item?
All refer to attachment.
Thank you so much!

Attachments:

You must be logged in to view attached files.

Hello,

Please, try to add this code to Theme Settings -> Custom CSS -> enter the code in the field “Global Custom CSS”

To remove line from below:

.site-mobile-menu li a,
.site-mobile-menu .menu-item .icon-sub-menu {
  border: none;
}

To change the background of mobile menu categories:

.mobile-nav .mobile-nav-tabs li,
.mobile-nav .mobile-nav-tabs li.active {
  background-color: #fff;
}

Unfortunately, we can’t change the style of the open submenu, because it can break some scripts.

Kind Regards

[Author]

Posts