---
title: How to display images for mobile menu items?
description: "To display images for mobile menu items effectively, follow this step-by-step guide. First, ensure you have the images ready and optimized for mobile viewing, ideally in like PNG formats with appropriate dimensions to maintain clarity without compromising load times. Upload**png…"
url: "https://www.adornthemes.com/knowledge-base/how-to-display-images-for-mobile-menu-items/"
updated: "2025-05-23"
category: Navigation
---

# How to display images for mobile menu items?

To display images for mobile menu items effectively, follow this step-by-step guide. First, ensure you have the images ready and optimized for mobile viewing, ideally in like PNG formats with appropriate dimensions to maintain clarity without compromising load times.

Upload**png file image**. Image size should be 100x100px.

![Upload image in files](https://adornthemes.com/wp-content/uploads/2024/08/Mobile-menu-1.jpg)

The image name must be in lowercase and correspond to the menu item, prefixed with the keyword mm-

![Menu images set to each menu links](https://adornthemes.com/wp-content/uploads/2024/08/Mobile-menu-2.jpg)

Use - ( dash) in place of space and (&).

![Display images for mobile menu in Avone](https://adornthemes.com/wp-content/uploads/2024/08/Mobile-menu-3.jpg)

Explore [various demo stores](https://adornthemes.com/avone/) to view live examples.