Main Menu cagories wider space

Hi,
I would need to increase the distance of the category names in home menu. Pls see the pictures. Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Add this code to the Theme Settings > Custom CSS > Global

body .woodmart-navigation .item-level-0>a{
padding-left:20px;
padding-right:20px;
}

You can change “20px” as per your needs

Best Regards

Thank you so much:)
and the frame/border thickness and color how can I change?

Attachments:

You must be logged in to view attached files.

and links (hover) color in main menu to green no gray.

Hello,

Here is the code for the border:

body .whb-color-dark .navigation-style-bordered .item-level-0:after, 
body .whb-color-dark .navigation-style-separated .item-level-0:after {
    border-color: red;
}
.navigation-style-bordered .item-level-0:not(:last-child):after, 
.navigation-style-separated .item-level-0:not(:last-child):after {
    content: "";
    border-right: 3px solid;
}

Here is the code for links hover:

body .whb-header-bottom .main-nav .item-level-0>a:hover{
color:red;
}

Best Regards

[Author]

Posts