From the course: SharePoint 2019: Customizing with Themes and CSS

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Modify site navigation widths and drop-down menus

Modify site navigation widths and drop-down menus - SharePoint Tutorial

From the course: SharePoint 2019: Customizing with Themes and CSS

Start my 1-month free trial

Modify site navigation widths and drop-down menus

“

- [Instructor] I really like the Oslo style in SharePoint with the navigation along the top, but I have one major complaint about it. Now I've added some pages to the site and I have them showing you these drop down items from the main page menu bar. Dynamic drop downs, you got to love it. But when you look at them, the page descriptions are much longer than the stingy little area that they give you and look how this wraps. Now I really think that this looks bad and what's worse, it could potentially be confusing for my end user, which is what I do not want. So how can I improve this experience? What I ideally want is for each menu item in the drop down to be on a single line. So let's go with the pinpointer and see what we have. This area here, you can see we have a class here, dynamic, and I believe that this is what we want so we'll go ahead, copy this, and we'll start a new rule and let's say that the width is going to be auto. Now I have a choice here. I can set the width to be a…

Contents