Click the Enter Full Screen icon at the lower-right corner of the video to view the video at full screen.



This tutorial discusses the the basic page structure of a page in order to show demonstrate how inner and outer templates govern the content areas of your web site. Then, we show how to manage your primary web site navigation and the links that comprise each menu beneath.This is usually done in the Outer Template that governs your web site. Web sites that have multiple themes may need navigation and menu changes made to the outer template of each individual theme.


Campus Suite support can answer any questions you have about your website, and using the tools. Just submit your question to us from your dashboard. Click Support at the bottom-left area of your admin dashboard. Then click Tickets and then Submit a Ticket.




To edit the drop down menus of your website click on Themes & Layouts in the left hand navigation. You will see a list of Themes, and underneath each Theme is Outer Layouts, Inner Layouts and Delete Theme.  Before continuing please remember that any edits to the Outer or Inner Layouts will affect the entire site and we recommend being cautious on making any edits to them. 


  1. Click on Outer Layouts under the appropriate theme. This will bring you to a page which shows all of the Outer Templates for that Theme. Click on the Pencil icon to the right of the Template that you would like to edit.


  2. This is where people get confused, because you are not automatically in edit mode (you will not see your theme yet) to do so click on Edit Mode, located in the left hand navigation.



  3. You will now be in the Outer Template. This is what you will see on first glance. Notice the Lock area. This is where the Inner Template and content are pulled into. You can't edit these areas from here, as we are in the Outer Template.


  4. To edit the Navigation bar position the cursor over the container that contains the Mega Menu widget and a green bar will appear. Click on the Pencil icon and then select Edit from the drop down menu that will appear. Please see the Mega Menu article for more information on how to update the widget.



  5. To edit the drop down menus position the cursor over the menu item that container that contains the Mega Menu widget and a green bar will appear. Click on the Pencil icon and then select Edit from the drop down menu that will appear. You will be taken to either a Html WYSIWYG widget, where you will be able to edit the options in the drop down menu or a Shared Content widget, where you can locate the file that you will need to edit.



  6. Finally after making the necessary changes click  Save --> Publish



Additional Articles