I want to change the background colour of global navigation drop down, for only one page.

can we use any CSS in script editor to achieve this ! Or change in master page to get change in all the pages ! Using SharePoint 2013 ent.

  • Can you share a screenshot of what you need to change, just to verify Commented Dec 29, 2016 at 6:17
  • hi Derhalli, there is slight change in question.. and i ll try to provide the ss...
    – cjs
    Commented Dec 29, 2016 at 6:32

1 Answer 1


To change the color ONLY for the dropdowns in the navigation, use the below code:

.ms-core-listMenu-horizontalBox ul.dynamic{
   background-color: blue; /* add any color here */

Next reference the css using the below steps:

From site settings, choose Master Page, then click on Alternate CSS URL. Add the link to your CSS file.

Don't modify the master page as it's not recommended by Microsoft to modify master pages, so use the Alternate CSS method instead.

  • not getting your suggest path for Alternative CSS URL !!
    – cjs
    Commented Dec 29, 2016 at 14:13
  • In your site settings page, when you click on master pages link, there's an option to set alternate css. Commented Jan 6, 2017 at 9:14

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.