Select Page

Mammoth Documentation

Support

Any questions? Send an email to info@markhendriksen.com

Installing Mammoth Child Theme

Requirements

Before we begin, make sure you have Divi installed on WordPress before installing this child theme. We recommend doing this on a fresh WordPress installation.

The Divi theme is not included in this package. To download Divi, you must have an Elegant Themes Membership.

Images have been replaced due to licensing.

The page links from buttons and logo are removed, so you need to relink those to the right pages.

Step 1

Download and unzip the ‘Mammoth_Child_Theme_UNZIPME.zip’ file to your computer.

Step 2

In your WordPress dashboard navigate to Appearance > Themes and click on Add New.

Locate the mammoth_child_theme.zip file in the Mammoth_Child_Theme_UNZIPME folder on your computer and then click Install Now.

When the install is complete click on ‘Activate’, you will then see the Mammoth Child Theme as the active theme in your theme panel.

Step 3

Go to Divi > Theme Options. Click on the import/export options (up/down arrow).
Click on Import and upload Mammoth Theme Options.json.

Go to Divi > Theme Customisation. Click on the import/export options (up/down arrow).
Click on Import and upload Mammoth Customizer Settings.json.

Go to Divi > Divi Library. Click on the import/export options.
Click on Import and upload Mammoth Builder Layouts.json.

 

Step 4

Go to Pages > Add New. Give your page a name for example Home.

In the Divi Builder Click on Load from Library then click on Add From Library.

Here you will find all the pages from the demo. Load the Home page and publish it.

Don’t forget to add a menu and set the Home page as static.

Pages

Create the top bar (tagline + phonenumber)

Step 1
Create a second menu and name it secondair menu

Step 2 (create the tagline)
Create a custom link, in link field you can fill in #, in the link text field your tagline.
Give the following class to this menu item tagline_top_menu

If you don’t see the class field then you need to enable this. Go to the top of your screen and click on screen options, now you can check CSS classes.

Step 3 (create the phone number)
Create a custom link, in link field you can fill in #, in the link text field your phone number.
Give the following class to this menu item menu_cta

To add the phone icon follow this link and copy the icon code, then place it before your phone number
http://fontawesome.io/icon/phone/

Assign this menu to secondary menu

menu

Create sidebar menu

Step 1
Create a new menu and name it Services menu

Step 2
Add the pages that you want to the sidebar menu. Add the class service_icon to each of the menu items

If you don’t see the class field then you need to enable this. Go to the top of your screen and click on screen options, now you can check CSS classes.

To add the arrow icon follow this link and copy the icon code, then place it before each menu item.
http://fontawesome.io/icon/angle-right/

Don’t assign this menu to anything, just save it

Step 3
Go to widgets and create a new sidebar name it Services
Add the Custom Menu widget to this sidebar. And select your menu to it (Services menu)

Assign this sidebar to your services pages.

Global section
Menu colors

Creating a blog post

To create a blog post with the same layout as Mammoth you do the following:

Go to Posts > Add New
Go to Load From Library > Add From Library and choose Single post.

In the right upper right corner, you find the Divi Post Settings. Make the following adjustments:

Page Layout: Full Width
Post Title: Hide

Post settings

Important

Place in the excerpt box the text that you want to show on the blog page or blog grid page.

You find this box under the Divi page builder in the post page.

 

Excerpt box

Create your own page

If you want to create a custom page, but you want to use the same header, menu, and footer. You can easily achieve this by following these steps:

Go to Pages > Add New.
Click on the Divi Page Builder button.
Click on Add From Library and load Sub Header.
Do the same with Bottom CTA Global and Footer Global.
Arrange them in the right order.
Now you can create the other sections/rows that you want.

Custom page

404 and category blog page

To edit the content of the 404 and the blog category page, you go to Divi > Divi Library.

Then you open the 404 or category page. You can make your edits here.