Style Editor Docs
     
  • Home
  • Add-ons
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
    • Style Switcher
    • Common Issues
    • Installation
    • Guides
    • Blog
    • Updates
    • Marketplace
  • Home
  • Add-ons
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Hafen
    • Altona
    • Enkel
    • Horten
    • Hisingen
    • Agen
    • Tjörn
    • Halmstad
    • Öland
  • Support
    • Style Switcher
    • Common Issues
    • Installation
    • Guides
    • Blog
    • Updates
    • Marketplace
    31. March 2015

    Jimdo one page layout

    One page layout - Jimdo

    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

    Update:

    starting from 19-01-2021 the one page layout has been replaced by a new Matrix theme Varmdo

    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'

    is-screenshot

    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

    Similar posts

    7 New Templates for 2020
    A Perfect Photography website
    Multilingual templates
    tagPlaceholderTags: themes, support, knowledge
    Comments: 0

    SUPPORT

    • Blog
    • Support center
    • Tutorials
    • Common Support issues
    • Updates

    QUICK LINKS

    • Advanced Style Editor
    • Features
    • Pricing
    • Pre Purchase Questions
    • Marketplace
    • Zødiac Framework
    • Jimdo Creator

    WIDGETS

    • Instagram feed
    • Team Showcase
    • Animations
    • Parallax widget
    • Full width widgets
    • Countdown Timer
    • All Widgets

    GET INSPIRED

    • Showcase
    • Custom widgets
    • Enterprise Package
    • No coding features
    • Matrix variables
    • Dolphin Block Elements
    hide-in-doc-page

    Showcase
    draggable-logo

     

    Main colors
       bg-primary
       bg-primary-light
       bg-primary-dark
       bg-secondary
       bg-secondary-dark
    Template sections
       body
       top-header
       header
       content
    Footer Styles
       background
       text color
       link color
       horizontal line
    Buttons
       style 1
       style 2
       style 3
    Other elements
      social icons
      navigation color
      subnav background
    Mobile navigation
       background color
       navigation color
    Template configurations
    has-center-nav g-font
    navigation styles
    size-15 weight-400 snip-nav is-uppercase --line01
    content styles
    form-white
    footer styles
    o-form  color-white
    Typography
    Heading H1
    weight-600 is-uppercase
    Heading H2
    weight-600 is-uppercase
    Heading H3
    weight-600 is-uppercase
    Buttons
    weight-600 is-uppercase
    Animations
    none

    Note:
    All changes made here will be applied to your entire website.
    is-switcher admin-only

    MATRIX THEMES

    STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

    About | Privacy Policy | Cookie Policy | Sitemap
    Copyright © 2022 All rights reserved
    Log in Log out | Edit
    • Scroll to top
    Close