Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #6177

    Hi there,

    can someone tell me how:

    A) I can reduce the thickness of my mega-menu-border?

    B) I can add some small icons before my links in the mega-menu?

    C) I can put my title ‘Nieuwe producten” and the link “Overzicht” on the left bottom in the ‘mega menu’ in red?


    Thanks in advance!




    1) Yes – open up css/custom.css and add following code. Adjust the padding value:

    .main_menu .avia_mega1, .main_menu .avia_mega2, .main_menu .avia_mega3, .main_menu .avia_mega4, .main_menu .avia_mega5 {
    padding: 8px;

    2) Yes – by default following image is used as nav item icon:

    You can replace the image or change the image source by using following code in css/custom.css:

    #top .main_menu .avia_mega ul ul li, #top .main_menu .avia_mega > li > ul li {
    background-image: url("../images/skin1/menu_arrow.png");

    3) Yes – use following code:

    #menu-item-742, #menu-item-743{
    color: #ff000 !important;


    1) All Right sparky!! That works fine!!;-))

    2) Unfortunately it does not work.

    When I replace the picuture in the ftp-folder: It works for the menu-down-arrow.png, but when I do the same with the menu-arrow.png, it does not appear in my mega-menu!

    I think it has something to do with my primary color in my theme-layout-settings = #fff. Is this possible? And if yes, how can i fix this?

    3) How can I get the menu-item-number of a specific link/title in the mega-menu?

    Thans for your previous quick reply already!!



    2) In your style.css file you can add the following to the bottom:

    .sub-menu ul li{
    background-image: url("PATH TO YOUR IMAGE");

    3) You can install Firebug, a Firefox addon which allows you to right click elements and inspect them, here you’ll see your menu-item-number.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Mega menu border – icons in mega menu’ is closed to new replies.