Header

You can access the header section settings either by clicking on the section or via the Sections tab  where you can find a link to the Navigation settings.


1638081282904_navigation-me.png

Layout

Via setting Number of links on a desktop size you can set the amount of links which are shown on a desktop size before the sim­pli­fied mobile menu. With Overlay first section enabled, the nav­i­ga­tion is po­si­tioned on top of the first section. So for example when the nav­i­ga­tion with trans­par­ent back­ground is used, the first section appears in the back­ground. Enable Fixed to the top if you want to keep the menu at the top of the page, even if the user scrolls down the page. You can also make the header row fullwidth.


Style

From the nav­i­ga­tion style settings you can edit following details:

You can set your nav­i­ga­tion’s text colour here. If you want to change the used font family or the size of the links, you can do that via theme settings which you can find from the Settings tab on the left.

Dividers can be added between link elements to help separate them more from each other.

By default active link is high­light­ed by theme’s primary colour and stronger font weight, but you can change that if you wish.

You can set the back­ground colour for the menu at the top of your site. From the same place, you can also set the back­ground colour for a submenu if there is one. Submenu’s back­ground colour is also used in sim­pli­fied mobile menu.

With Shadow options you can add a drop shadow at the bottom of the nav­i­ga­tion which clearly separates from the next section.


Logo

You can add your own logo to the nav­i­ga­tion row. If logo is disabled, Site title will be shown with the font chosen.


Header elements

Via the main and secondary menu options you can choose which of the menus are displayed at the top of the site. The main menu will normally display the links to the main pages of the site, or section links of the frontpage sections on one-pagers. The secondary menu can be used to display external links in a compact form. For example, you can easily add social media channels as icon links.

Turning on the Info row option will display a narrow banner element at the top of the site, which can be used to show a short notice to site visitors. This is useful fe. if there is more delay in re­spond­ing to messages on holiday seasons.


Nav­i­ga­tion man­age­ment

You can edit the selected menu via the links below the main and secondary menu dropdowns. Those dropdowns include also an option to create a new menu.

You can also find the nav­i­ga­tion man­age­ment from the Settings tab on the left sidebar.


1638081360921_apuvalikko-me.png

An example of a page with the header overlaid on the first section with the setting found from Layout. The page also has a secondary navigation for social media links.

Share this article

© Oidom Ltd. All rights reserved.  •  Terms of Service  •  Privacy Policy