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:
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:
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