Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Content Layer
namePage Info
id1430636829
classwatermark-layer
Content Column
background-colortransparent
namePage Body
width85%
id1430636831
Content Block
background-colortransparent
namePrompt
rich-link-hoverstrue
id803166595
classtight glossary-prompt-flex

An additional menu to help users navigate a space.

Content Block
nameDefinition
rich-link-hoverstrue
id1097762051
classdefinition-block glossary-definition-flex

Typically, a 'primary menu' is a set of consistent and persistent links used for navigation across an entire site. Primary menus are frequently found in a header. Secondary menus, by contrast, are used just space-wide or in some other limited content area. In other words, if primary menus generally serve to guide users to spaces across a site, then secondary menus guide users to pages across a space. Secondary menus are often displayed under a header or sometimes in a sidebar.

With the release of Theme Press 3.0, it is now easier to create and style secondary menus. This is done in the Theme Designer, under the "Macros" heading and the "Secondary Menu" subheading. Here you can configure the 'look & feel' of the secondary menu, from its placement and size to its background color and link appearance.

A secondary menu is targeted by using a combination of an HTML Add Class and an Include Content macro in an architect page, such as a header, footer, or layout. (Alternatively, if you have Brikit Blueprint Maker, you can use a Live Blueprint Macro instead of the two macros above). You'll need to add the CSS class .brikit-secondary-menu to the block containing it (or the div wrapping it), and ensure that the menu itself lives in the Theme Press Default Space. From there, you can style the Secondary Menu using the Theme Designer.

Content Block
nameInfo
rich-link-hoverstrue
id894573203
classglossary-info-flex
collapsiblecollapse
Info

If using:

  1. Replace me with something to note about this concept that falls outside the scope of the Definition section; and
  2. Add the tight-bottom class to the Definition block above to narrow the gap between the two blocks.
Content Layer
background-color$lightGrayColor
nameRelated
id888168050
Content Column
nameRelated
width100%
id888168051
Content Block
rich-links-hide-descriptiontrue
rich-links-hide-site-namefalse
rich-link-hoverstrue
rich-links-columns4
rich-links-verticaltrue
background-colortransparent
rich-links-image-height100px
rich-links-hide-site-icontrue
rich-links-details-padding10px
nameRelated
rich-links-enabletrue
rich-links-details-alignmentleft
rich-links-margin20px 30px 0 0
id496234544
classrelated-block clean glossary-related-flex