Using sidebar docking with menu bar

Question

I am using menu bar with Sidebar and I have an issue with sub-menu item icons having translation issue on Y-axis. They appear lower and I want them to be in the middle. Also, I want to be able to modify the background css for the sub-menu items and center the menu bar items in the middle while the attached sample is skewed to the left.

Attachment: BlazorAppTest_111b0600.zip

Gayathri KarunaiAnandam · Accepted Answer

Hi Nick, 
 
We have checked your sample. We can resolve the issue in sample side by removing position as absolute for menu icon. Please check the below code snippet. 
 
Code: 
 




.oi-list-rich::before { 
        color: black; /*#0091bd;*/ 
       position: absolute; /*Remove this line*/ 
        top: -3px; 
    } 
 
 
 
Please get back to us, if you need further assistance. 
 
Regards, 
Gayathri K