Web Development Documentation

How to Add an Image to a Menu Item

There is an optional feature to add a small image to your menu items.  You can first create menu items following these instructions:

NOTE: Only part of the image may be displayed, corresponding to a size slightly larger than the dimensions of the menu item itself.  Keep this in mind when selecting or adding an image to be displayed along with the menu item.

  1. Log on to your site using the Administrator Login.
  2. At the Joomla! Control Panel, click "Menu(s)" (found under "Structure" to the left):
    Select "Menu(s)" under Structure in Joomla! Control Panel
  3. Click the name of the menu (found in the Title column) containing the menu item where the image will be added.
  4. Click the title of the menu item where the image will be added.
  5. Click the Link Type tab (see #1 below), then click Select to the right of Link Image (see #2 below):
    Menuitem DisplayArticles AMOrder2
  6. A popup window will appear, displaying folders and images that have been uploaded to Media.  Browse to the image you want to add, then click the Insert button to the lower right of the popup window (see #1 below).  

    Change menu item image


  7. If the image has not yet been uploaded to Media from your computer, click the Upload icon (see #2 above), then follow these steps to upload it:
    1. Click the "Browse" button at the bottom of the Upload popup window (see #1 below), then browse to the image on your computer or network drive.
    2. Click the Upload button at the bottom of the popup window to add it to Media (see #2 below). 

      Upload new image

  8. Click Save & Close to the upper left, and your image will appear when the menu item is accessed: Save & Close
  9. Note: the image will not appear in the Main Menu if the SAS-RED website template is used for your website.

 

Joomla-Workshops-Button-Hugo