It seemed to be the default setting so I removed it. Thanks again for your help, it has been driving me mad!

Hello

Your 'Menu Class Suffix' for your top menu appears to be set to 'nav-pill' which will causes bootstrap to add the background. Leaving the class suffix blank should resolve the issue.

You can also remove it by adding the following to the Custom CSS field of your templates parameters...

.nav-pills > .active > a, .nav-pills > .active > a:hover {

    background: none ;

}

Ciarán

I've worked out the drop down bit is not connected, but I'm still stuck with the blue box. Is there a way of making the horizontal menu background transparent to get rid of it?

Hi Ciarán,

I've tried the suggestions but I'm still left with this bright blue box stuck firmly to whichever menu button the page you are on is linked to. So if I am on the HP, it is highlighting the HP button, and if I'm on the Services, it is highlighting Services. I want to remove it totally.

Also, I am trying to get each menu button to display the drop down menu and at the moment only the page you are on has a working drop down menu. Am not sure the two problems are linked?

I put the moomenu into the menu module parameter. How do I get it to work on each menu button, on the same page, as in the template demo?

Please can you advise?

To place background to the entire menu try using something like the following..

#hornav ul {

    background: #0088CC;

    border-radius: 5px;

    padding: 4px 10px;

}

Ciarán

Thank you

To add some padding to your menu item you can add the following to the Custom CSS field of your templates parameters..

#hornav ul a, #hornav .separator {

    padding: 4px 10px;

}

Ciarán

Morning Ciarán,

I'm working on a temp version of the site but hopefully this URL will work. [img]http://173.254.28.84/~optimump/[/img]
It doesn't appear to be in the template options and am not sure where else to look?

Hello

Would you have a URL to an example of this menu item?

Ciarán