Menu image position

[Brian Roth]

Hello,

Is there  a way to set the position of an image in relation to the text on a menu item?  It looks like the image defaults to the left of the text.  For my project I would like the image to show above the text.  Is this possible?

Thanks for your assistance!

Regards,
Brian

[Iliana Dyankova]

Hi Brian,

Generally speaking, such functionality of the menu is not supported out of the box. In order to customize the presentation of any particular widget, you could use a CSS selector with the widget’s specific CSS class - this action will override the default styling. You could get the right selector as inspect the HTML output with Firebug. For example the following code snippet can be used for positioning the image above the text in the Kendo UI Menu:

.k-image{
  position: absolute;
}

Also, I believe you might find this topic from our online documentation very useful. 
 
Greetings,
Iliana Nikolova
the Telerik team