31. March 2015

Jimdo one page layout

If you’ve been on the hunt for a one page theme, Matrix themes offer 3 templates with single page layout. Find out all details about one pager in this post

Last updated: 13/05/2020

Layout structure

One page layouts have a particular structure where the output tag <var>sidebar</var> is placed inside the header where you can edit the navigation using only one module 'Widget/HTML'

DEmo websites

01. Lemberg

Lemberg one pager has fullscreen hero image and large content section

02. Hafen

In Hafen theme the navigation is placed under the logo

03. Bergen

Bergen one pager is the most flexible template. In header section you can use the module "Columns", so therefore you can decide to display the center aligned logo and bottom navigation or the logo image inside the left column and navigation - in the right column.

Editing the website

Editing navigation: as mentioned before, the navigation is edited inside the module "Widget/HTML". Each menu item has the following structure:


<li>
   <a href="https://bergen-template6.jimdofree.com/#home">Home</a>
</li>

Anchor links: each anchor section should have an unique ID with the following code added in module 'Widget/HTML'


<div class="section" id="home">
</div>

Showcase

One of the best example of using one page website is Einzigart Marketing by Mira Haschke.

Mira Haschke is Jimdo Expert and Matrix Themes partner.
You can check her portfolio www.einzigart-marketing.de

Jimdo one page layout

Layout structure