Change Global Navigation Menu (Horizontal) Width

Navigation constitutes one of the key aspects of your intranet. From there, your user should be able to quickly find, and navigate to their needed resources.

BindTuning's themes provide an easy-to-use, and highly customizable navigation, which will further enhance the user experience. 

In some scenarios, you may find the Global Navigation (Horizontal) not to fill your width criteria and so, in order to overcome this same type of constraint, you're able to adjust it according to your needs.

Modern Sites 

On Modern Sites, this procedure can be achieved by utilizing your BindTuning Settings Panel. To do so, follow the steps below: 

  1. Navigate to your SharePoint site collection; 
  2. On the ribbon, select BindTuning Settings
  3. Select the Navigation tab; 
  4. Scroll to the bottom, and find the elements relating to Maximum sub-menu width and Minimum sub-menu width

    modern-width.png

  5. From here, you're able to define the values for both the Maximum and Minimum menu width, by sliding or inputing the concrete value (in pixels). 

After performing those adjustments, you will notice the navigation elements being rendered as expected: 

moder-changed-menu.PNG

Classic Sites

Note: We recommend utilizing SharePoint Designer so as to perform the adjustments, as the tool provides version control.

The same procedure can be performed under your Classic Sites. To do so, follow the steps below: 

  1. Open your site in SharePoint Designer;
  2. Under the left pane, navigate to All Files > _catalogs > masterpage > THEME_NAME;
  3. Right-click on the master page you wish to modify, and select Check out;
  4. Proceed to right-click once more, and select Edit in Advanced Mode;
  5. Search for MenuH and change the values for Max and Min Width accordingly.

classic-width.png

After performing the modifications: 

  1. Save the masterpage; 
  2. Right-click on the masterpage you have just modified, selecting Check In;
  3. When prompted, select Publish a major version, so as to make sure the modifications are available instantaneously.

classic-changed-menu.PNG

For Classic Sites, you are also able to modify your Vertical Menu (Current Navigation) width. The steps on how to perform those adjustements, can be found here

 

 

Have more questions? Submit a request

Comments

Powered by Zendesk