Custom sprites for burger menu

[Tomica]

I have had good success with Mobile render mode even for full-size pages. With a few CSS adjustments provided to me earlier, I have replaced the default burger icon with a 64x64 PNG image.

With reference to the attached screen-grab, are there any options that would allow me to make the menu more prominent?

I'm thinking some type of shading to give it a dimensional look so that it is perceived by the home page visitor as an active control.

I tried the usual properties settings that have worked with the standard rendering, but none of that is helpful for mobile.

Additionally, I'd also like to make it bigger, which may help, but I know of no way to make this work with a larger icon. (Metro Touch skin)

[Magdalena]

Hello Tomica,

The width and height of the RadMenu button can be customized by the selector "html .RadMenu .rmRootToggle". The same selector can be used for adding some additional effect as CSS shadows.

Regards,
Magdalena
Telerik

 

 

[Tomica]

html .RadMenu_MetroTouch .rmRootToggle:before {

I obtained the desired effects, but only after adding ":before" to the suggested HTML.

[Tomica]

I needed to add :before to the suggested HTML, and it works as intended.

html .RadMenu_MetroTouch .rmRootToggle:before {

[Tomica]

Posting note: I received an error page on the first two reply attempts. These are not intentional duplications.

Can anyone tell me how I can delete a posting I just made?

[Nencho]

Hello Thomas,

I am afraid that there is no such functionality. However, I have deleted the duplicated post.

Regards,
Nencho
Telerik