Separator in the menu

This topic has 10 replies, 2 voices, and was last updated 4 years, 6 months ago by Elise Noromit.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
October 14, 2020 at 2:43 pm #233242

_7
Participant

Hi. How do I divide the categories in the menu as shown in the picture ?

Attachments:
You must be logged in to view attached files.

October 14, 2020 at 6:07 pm #233278

Elise Noromit
Member

Hello,

Please read and follow these instructions: https://xtemos.com/docs/woodmart/product-category-menu/ and https://xtemos.com/docs/woodmart/create-menu-2/

Best Regards

October 15, 2020 at 7:48 am #233403

_7
Participant

Unfortunately, I didn’t find how to enable the horizontal separator and how to choose a color. Could you drop a link to this particular point in the instructions

Attachments:
You must be logged in to view attached files.

October 15, 2020 at 9:44 am #233447

Elise Noromit
Member

Hello,

The color of the icon is set in the icon code. You should ask your icon designer he would do it for you.

All the text color is set in the Theme Setting > Typography /Advanced typography.

The divider appears by default. Please provide your site admin access I will check the settings.

Best Regards

October 15, 2020 at 9:49 am #233451

_7
Participant

I’m only interested in the separator and its color. You can’t see it now.
Okay, how do I grant access ?

October 15, 2020 at 11:31 am #233482
Elise Noromit
Member
Hello,

Thank you very much for choosing our theme and for contacting us.
```
body .vertical-navigation li, {
    border-bottom: 1px solid red;
}
```
Best Regards
October 15, 2020 at 11:41 am #233486

_7
Participant

unfortunately this didn’t help

October 15, 2020 at 12:30 pm #233501

_7
Participant

I need it like in the drawing

Attachments:
You must be logged in to view attached files.

October 16, 2020 at 7:52 am #233707
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
body .header-categories-nav .woodmart-navigation .item-level-0 > a {
border-bottom:1px solid rgba(255,255,255,0.6);
}
body .vertical-navigation .menu-simple-dropdown li a{
border-bottom:1px solid rgba(255,255,255,0.6);
}
body .vertical-navigation .menu-simple-dropdown .sub-menu-dropdown{
    padding-top: 0; 
    padding-bottom: 0;
}
```
Best Regards
October 16, 2020 at 8:18 am #233718

_7
Participant

Great. Thanks

October 16, 2020 at 11:44 am #233766

Elise Noromit
Member

You are welcome! If you have any questions please feel free to contact us.

Best Regards
Author

Posts