Menu images on separate line to title

Hi there,

Can anyone assist me with images/icons in the Main Menu? I'd like to display the image above the item title and have them both centred?

Thanks

Hi

Our menu does not support icons, but try to use css icons maybe. You can add a destinctive css class in menu item manager and than use a code like this example:

Code: Select all

.gkMenu > ul > li > a {
    height: 36px;
    line-height: 36px;
    padding: 36px 22px 0;
}

.gkMenu > ul > li.name_of_icon_suffix_goes_here > a {
    background-image: url(../images/name_of_the_icon.png);
    background-position: 10px center;
    background-repeat: no-repeat;
}


Sorry i probably used the wrong terminology here. By 'icon' i'm referring to the 'Link Image' which is built into the Menu options.

I've successfully added link images to each of the menu items however i'd like the link image to display on the line above the menu text. Is this possible?

Hi

I need to see Your website first to answer that. Please tell me the url and make sure icons are there so I will be able to use dev tool to figure out how to move it over the menu option.