Change header (main menu)

Change header (main menu)

Do you only want to adjust the navigation? Then look at the articleStructuring menu.

The header is the top part of your website that contains the logo and navigation. There are many different ways to determine the style of your header so you can create an attractive main menu for your website.





Change header layout to an Expandable MenuTM

First of all, you can set what kind of menu you want to use for desktop, tablet and mobile. By default, this is the header where the menu is shown at the top (as on most websites), but here you can also set a drop-off menu for the desktop (as used by default on mobile).


To do this, you must first open the website builder.These are the two steps.



Setting up other header

1. In the left side menu, click on 'Theme'

2. Choose the heading 'Lay-out Site'.

3. Here you can choose the default menu or clarifiable menu.


Have you made adjustments to the header? These will expire, if you choose a different design. Therefore, in most cases it is more interesting to change the look by dragging elements to other places.




1. Point your mouse at the header and click on the bar that appears with the text "Header" or "Header."



2. In the published pop-up, click "Edit Design"

3. Another pop-up will appear. Various institutions can be done in this.



Header types

There are three header types available:

1. Stagnant (the header stays at the top)

2. Sticky (the header scrolls down)

3. Flexible (combination of both)



Still header

Do you want the header to stay at the top and not scroll down?

1. Point your mouse at the header and click on the bar that appears with the text "Header" or "Header."

2. In the published pop-up, click "Edit Design"

3. Another pop-up will appear. Scroll to the section "Shrinking Header" or "Shrinking Header" section

4. Turn on this switchOut.





Do you want the header to scroll down and stick at the top?

1. Point your mouse at the header and click on the bar that appears with the text "Header" or "Header."

2. In the published pop-up, click "Edit Design"

3. Another pop-up will appear. Scroll to the section "Shrinking Header" or "Shrinking Header" section

4. Turn on this switchon (see above)



Flexible header

Do you want the header to partially scroll down? This is possible if the header consists of several rows. So first add a new row to the header. Next, follow the same steps as with "Sticky Header". Another switch has now also appeared to make only the row with the menu (navigation) sticky.



Mobile header

The header on mobile has a fixed size and cannot be adjusted, but you can change the content:

1. In the navigation bar at the top, click the "Mobile view" Icon .

2. Click on the content in the header to edit it.




3. If you now click on the menu, you can also change the design of the drop-down menu.




    • Related Articles

    • Structuring menu

      Do you want to customize the main menu? In this article, we'll look at how to customize the structure, make a dropdown and hide a page.\ To do this, you must first open the website builder.These are the two steps. Menu Move item 1. In the left side ...
    • Add or change button

      To do this, you must first open the website builder.These are the two steps. Add button 1. Click on "Widgets" in the menu 2. Search on the text “Kbutton 3. Click on it with the left mouse button 4.Drag it to place on your website where you want to ...
    • Open website builder

      Open website builder 1. Login to PrismaNote 1. Click on 'Website Builder' in the menu 2. Click on the edit icon behind the relevant website (the first icon). 3. The website builder opens in a new tab. Are there multiple websites visible? The website ...
    • Add or customize text

      In this article, we explain how to customize the text. Do you want to change the font of the entire website at once? Then see how youSetting general designadapted. To do this, you must first open the website builder.These are the two steps. Customize ...
    • Contact form

      To do this, you must first open the website builder.These are the two steps. Add contact form 1. Go to the place where you want to add the contact form. 2. Click on "Widgets" in the menu 3. Search for "Contact Form" 4. Click on it with the left mouse ...