Add Arrow on Header to show Submenu

Hi,

Sorry, I am new here. I want to add arrow on my header to show that it contains submenu and the arrow will automatically change when the header is clicked. How can I achieve this?

This is the example:

2018-07-16%2015_06_03-Window

2018-07-16%2015_06_39-Window

Hi,

To achieve the requirement you need to add the following styles:

.c-sidemenu-item-header .c-sidemenu-item-wrap:after {
    content: "\f104";
    font-family: FontAwesome;
    position: absolute;
    margin-top: 3px;
    cursor: pointer;
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    transition: all 100ms;
}

.c-sidemenu-item-header-open .c-sidemenu-item-wrap:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

If you’re not familiar with how to extend the UI theme, take a look at the documentation.

Regards,
Gleb