1. I am working on SharePoint 365 (2013).
  2. I saved code as a css file (exact code below)


/* Resize navigation fly-out width */
ul.dynamic {
  width: auto !important;  /* !important needed to override inline SharePoint style */
  white-space: nowrap;
  1. I saved css file in Style Library
  2. I added content editor web part and pointed to the css file
  3. The home page took the changes and allowed the width of the drop down menus to increase

My issue. I am an extreme novice and have no idea how to make it "take" on all the other pages. As soon as I navigate off the home page, I lose that width change and it look sterrible.

Please help!!


To Apply CSS code to all pages , follow the mentioned steps below :

  • Open Site > Site Settings .
  • Below Look and Feel > Click on (Master Page) or Design Manager.

enter image description here

  • At Site Master Page Settings > Scroll down till Alternate CSS URL
  • Check Specify a CSS file to be used by this site and all sites that inherit from it:
  • Browse to your CSS file
  • Check Reset all subsites to inherit this alternate CSS URL if you need to apply CSS for all subsites.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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