1. In the browser, navigate the root site > Global Nav List folder and select the + New button to create your global navigation menu.

    Global Navigation Menu

    *Example of the global navigation menu (click the image to see the menu in action)

    Example of the Global Navigation Menu

  2. To create the "Home Icon", for title enter Home, for order enter 1, and for parent select (None).

    Create the Home Icon
    Create the Home Icon

  3. To create a "Top Level Link", for title enter any text you need, for order enter different number than 1, for parent select (None).

    Create a Top  Level Link
    Create a Top  Level Link

  4. To create a "Second Level Link", for title enter any text you need, for order enter different number than 1, for parent select one of your top level links.

    Create a Second Level Link
    Create a Second Level Link

  5. To create a "Third Level Link", for title enter any text you need, for order enter different number than 1, for parent select one of your second level links.

    Create a Third Level Link
    Create a Third Level Link

    Disabling and Enabling the Global Navigation

    To TURN OFF the global navigation:

  1. Navigate to:

    Your SharePoint Local Disc: Program Files\Common Files\Microsoft Shared\Web Server Extensions\16\TEMPLATE\LAYOUTS\1033\STYLES\Themable > "mt-on-prem" folder.

  2. Rename the globalnav-ON folder to globalnav-OFF.
  3. To TURN the footer back ON, rename the folder globalnav-OFF back to globalnav-ON.

Important Note*

In order to edit the collapsible footer, you need to be a member of the MasterThemes Assets site collection.
In order to disable the collapsible footer, you need to be an administrator of SharePoint 2019 server.


    Modifying Footer Content

    The collapsible footer consists of two files: Footer.aspx and Footer-Notification.aspx. To modify the footer content, you need to edit both files:


    Segments of Footer.aspx and Footer-Notification.aspx

    To edit the footer content using SharePoint Designer 2013:

  1. Open the MasterThemes Assets site in SharePoint Designer 2013, expand the Site Assets folder.
  2. In the Site Assets folder, navigate to MT-Footer > Footer-Edit folder.
  3. Open the Footer.aspx and Footer-Notification.aspx files to make edits.
  4. Provide changes to each section between <!-- B E G in --> and <!-- E N D -->

  5. <!--  B E G in -->
       <div>
          Footer Content
       </div>
    <!-- E N D --> 
  6. After your changes are complete, save the Footer.aspx and Footer-Notification.aspx files.

    Disabling and Enabling the Footer

    To TURN OFF the footer:

  1. Navigate to:

    Your SharePoint Local Disc: Program Files\Common Files\Microsoft Shared\Web Server Extensions\16\TEMPLATE\LAYOUTS\1033\STYLES\Themable > "mt-on-prem" folder.

  2. Rename the footer-ON folder to footer-OFF.
  3. To TURN the footer back ON, rename the folder footer-OFF back to footer-ON.

After the Modern Page Templates are added to your site (see Installation of Modern Page Templates on SharePoint SharePoint On-Premises 2019), to create a New Page from the selected template:

  1. Open the Site Pages library, right-click the template you want to use > select Copy to > select Copy here from the right pane to make a copy of the file.

    Make a copy of the selected template
  2. Right-click the copied template and rename it as needed.

  3. Rename the copied template
  4. Open the New_Page.aspx by clicking it, and start providing edits.

To provide edits to the text, all you need to do is to highlight sections of the dummy text and enter your own text within the highlighted sections. The same method applies to the modification of links in templates. Highlight the link text, enter new link text, and change the address of the hyperlink.

To change the image used in the template, in the edit mode select the image you want to change, click edit web part icon, and then select the Change Image button to select the image you want to use.

The templates contain many sections in which image groups are used as image galleries (configured as tiles or carousel displays). These image groups are pre-set for image sizes, aspect ratios, and time factors for image sliders.

To change groups of images in image galleries, do not delete the current image groups (pre-sets) used in the templates. Instead, first add your own images to the image groups (pre-sets), and then delete the images you don't want to use. This way, all settings will be preserved and applied towards the images you added.

To modify the contents of the accordion component, follow the instructions Accordion - Embedding and Modifications under Contents to Embed.

To modify the contents of the carousel, follow the instructions Carousel - Embedding and modifications under Contents to Embed.

Except for the carousel enclosed in the Home-Carousel-A.aspx template, the slider can be embedded on any of your pages, and moved from one layout section or column to another. You can freely change the position of the carousel enclosed in the Home-Carousel-B.aspx template, since it is embedded within the "non Full-width column" section.

Important Note for Carousel A*

Important Note*

To apply a custom color (a single primary color) to modern site on SharePoint 2019 On-Premises:

  1. Install classic *.spcolor themes:

    1. Go to the extracted package (YourPackage.zip), expand the Color_Palettes folder, select all *.spcolor files located in that folder (Ctrl+A), and copy them to your clipboard (Ctrl+C).
    2. Open http://YourSharePointSite (your top-level site) in SharePoint Designer 2013, click All Files (left pane), and expand _catalogs/theme/15 directory (right pane).
    3. Paste the files from your clipboard into catalogs/theme/15 directory.
  2. Apply a custom color to your site:

    1. Open http://YourSharePointSite (your top-level site) in the browser.
    2. Select the gears icon form the suite bar area > select Change the look.
    3. At the bottom of the Change the look panel select Classic change the look options.
    4. Select Current thumbnail preview > expand Colors dropdown list > select one of the 14 color options couting from the top of the list > select Try it out > Yes keep it.

Our SPFx theme package solution allows you to use a larger and more prominent brand logo on communication sites in comparison to modern out-of-the-box templates that limit the site's logo dimensions to a squared shape of 64 x 64 pixels. After installation of the SPFx theme package solution, the size of your logo can have up to 175 pixels in width. For more information on Logos, follow Instructions on Logos for Modern Sites.

Copyright © 2019 - 2021 MasterThemes Inc. All rights reserved.