Skip to content

Build a Split Full Page Site

Take a look at the Split Full Page demo first: https://theme.dnngo.net/splitfullpage. Set yours up as follows.

Split Full Page demo


Steps

  1. Log in as a superuser

  2. Click the Page Option link on the right side of the page

    The Page Option link

  3. Click the Page Type button

    The Page Type button

  4. Choose Split Full Page

    Choose Split Full Page

  5. Check Enable Custom Theme

    Enable Custom Theme

  6. Go to Layout > Content Layouts and edit or create a layout

  7. Drag layouts into the container — each row becomes one vertical area

    Drag layouts

  8. Open the General tab and enable Full height row. To center the content vertically, set Columns position to Middle

    Full height row

  9. Open the Anchor tab and fill in Anchor ID and Anchor Title. The Anchor ID must not contain spaces; the Anchor Title appears in the side navigation

    Fill in the anchor

  10. Repeat steps 7, 8 and 9 to add more areas


Split Full Page Options

Split Full Page pages come with a few extra settings.

Split Full Page settings

SettingDescription
NavigationShow a dot navigation bar

Navigation

SettingDescription
Navigation PositionDots on the left or right of the window
Navigation StyleLook of the dot bar — 3 styles
Easing AnimationTransition effect
DurationDuration of the transition
Loop TopScrolling up from the first area jumps to the last
Loop BottomScrolling down from the last area jumps to the first