I'm using Themekey with Context to enable one of three different themes on a site, depending on a themekey field. The homepage is set to use my main theme, called 'sitetheme'. Sitetheme is set as default, but many themes are enabled.

enter image description here

All the pages that I've tested look good, including the homepage. There's just one exception. My main menu, a horizontal header region menu block that uses Nice Menus to create dropdowns, has weird styling on it. When I inspect the element, I see that it has styling applied from a CSS file that lives in a different theme than the one that is enabled on the front page.

The front page is also of a nodetype that doesn't have the themekey field that some of the nodetypes have, that can be used to override the theme.

Why is my foo theme's CSS for Nice Menus getting applied on pages that use Sitetheme?

  • do you have a different nice menu block configured per theme(key), you nicemenu can have 1 "style" applied to it? Why do you think the main menu should look different per themekey?
    – tenken
    Mar 25, 2014 at 0:48
  • No, the nicemenu block is the same block no matter what the themekey setting. Only the theme applied to it (and everything on the page) is different per theme.
    – beth
    Mar 25, 2014 at 16:43

1 Answer 1


I think Nice menus apply to all themes unless you have specified other.

Just go to the following location admin/appearance/settings/your_theme_A. Then look for "Path to custom Nice menus CSS file"

Then go to your next theme admin/appearance/settings/your_theme_B And also check "Path to custom Nice menus CSS file"

You might surprise, Nice menu use common CSS file regardless of your theme unless you have changed.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.