Magellan site structure


Magellan has different structure modes for its landing page and content pages. These structures are reflected in the Magellan CSS, which makes understanding the Magellan site structures a good starting point to finding elements in the Magellan CSS files.

Magellan site structure modes for desktop-view

The Magellan site structure has two modes:

  • Landing page mode

  • Content page mode

Each mode has several named sections - shown in red in the following images - that are divided into components for different information. For example, the HEADER section displays in both modes and has three components - Logo, Search (not used in Landing page mode) and Icons.

The mainstyles.css follows the same section naming, providing a starting point for locating the CSS element for a screen item.

40% Template

40% Template