MenuItem without 'URL' has differnt style than with 'URL'

[eTimesheets]

I have:

 <MenuItem Text="Reports" Url="/Reports">

and:

<MenuItem Text="Administrator">

     <MenuItems>  

           <MenuItem> 

           <MenuItem> 

    </MenuItem>

________

The 'Reports' menu item and 'Administrator' item should have same styling. But what I found is that if the MenuItem does not have a URL (because it's a dropdown):, then it has completely different styling.

How can I have consistent styling across menu items with and without URLs?

[YuvanShankar Arunagiri]

Hi Etimesheets,

We have checked your reported query and using the below CSS style we can differentiate the with/without URL menu item.

<style>

    .e-menu-item.e-navigable {

        text-decoration-line: underline;

        color: dodgerblue !important;

    }

    .e-ul .e-menu-item.e-navigable {

        text-decoration-line: underline;

        color: dodgerblue !important;

        display: flex !important;

    }

</style>

Check with attached sample code file and get back to use if you need any further assistance on this. 

Regards,

YuvanShankar A

Attachment: Counter_e20ed0dc.zip