Divi 'tumblr' Style Fullscreen Scrolling Child Theme

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme

Rated 5.00 out of 5 based on 1 customer rating
(1 customer review)

$99.00

A modern, ‘tumblr’ style child theme for Divi with one page scroll engine. The perfect theme to showcase your photography

Live Demo Test Drive This Child Theme

 

Use coupon 'scroll' to unlock Sale price – $39

* This discount code expires on 24/09/2017

* Your Download Include Divi Clinic Layout Pack for FREE!

Don't have Divi? get it first from HERE

Category:

Description

A modern, ‘tumblr’ style child theme for Divi with one page scroll engine. The perfect theme to showcase your photography.

Divi (parent theme) went through lot of updates in last few months. This child theme hasn’t changed a bit due to those updates. That’s our assurance for quality.

This child theme was recently featured on Elegant Themes Blog as one of the top Divi child themes for Photographers.

Features:
– One click demo import
– Unique control panel which allows you to customize the appearance of child theme
– Looks great on mobiles too! Try it on any device
– We fully integrated WOW animation library to the child theme. You can easily animate any Divi element. Create stunning web pages! https://github.com/matthieua/WOW
– You can use video backgrounds
– You can navigate sections through up and down keys. It even touch enabled in mobiles
– Images are from ‘pixabay’ so its free of copyrights (Creative Commons CC0)

New features added in version 1.1:
– Create any number of scroll pages using page templates
– Install Simple Divi Shortcode plugin (https://www.creaweb2b.com/en/plugins/simple-divi-shortcode/) to use any Divi module inside scrolling pages
– Two menu options, Transparent menu or White background menu
– Fixed the bug with WordPress customizer. Now you can easily edit the footer credits from Customizer

Live Demo Test Drive This Child Theme

 

Demo:

Setup Guide:

 

All ‘Divi Theme Tutorials Directory VIP members‘ can download this item for free! Check your ‘My Products’ page.

 

Installation instructions:

1. Install and activate the Divi One Page Scrolling child theme.
2. Install and activate “One Click Demo Import” Plugin
3. Go To “Appearance”. Click on “Import Demo Data” and Click on “Import Demo Data” Button. This will import Divi Scroll content into your site.
4. Go to Appearance > Menus. Assign the menu as the primary menu
5. Go to Divi > Theme Options. Click on “Arrow Up / Arrow Down” at the top right and import the .json file (import/Divi Theme Options.json). This will import all Divi Options Settings.
6. Go to Divi > Theme Customizer (or Appearance > Customize). Click on “Arrow Up / Arrow Down” at the top left and import the .json file (import/Divi Customizer Settings.json). This will import all Customizer Settings.
8. Go to the home page and assign ‘Child Theme Scroll Page’ as the template
9. Go to Divi and Click on “Child Theme Settings” and Activate “Open right side menu on hover” option. You can set additional settings as per need.

* Remember to change ‘Permalink Settings’ to Post name for better SEO.

–BUG FIXES AFTER RECENT DIVI UPDATES–
* Solution for slow and less fluid scroll pages:
– You may notice some slowness/less fluidity in scrolling and slide in animations in child theme’s default home page. This can be easily fixed by removing wow animation classes given to fullwidth header module’s advanced tab. Then you can configure animations with Divi builder itself. Read More…



* Solution for non appearing mobile menu close icon – Please note, this has been fixed in the latest version (1.1) of child theme:
– You can manually fix this bug by modifying fullpage.css file inside CSS folder of the child theme. You need to modify a media query to look like this:

@media only screen and (max-width: 768px) {
#main-footer{display:none;}
#wpadminbar{display:none;}
.fullpagesection a.et_pb_more_button.et_pb_button{margin-left:10px;}
html.fp-enabled{margin-top:0px !important;}
body.admin-bar.et_header_style_slide .et_slide_in_menu_container {
top: 0;
}

.et_pb_slide_menu_active .mobile_menu_bar.et_pb_header_toggle{ left: 0;
position: absolute;}
.fp-tableCell{padding-top:80px;}
}

You can also try following solution send us to by one of our customers:

change the size of the menu with:
.et_slide_in_menu_container {
width: 150px !important;
}

Then add this css:
@media (max-width: 480px) {
.et_toggle_slide_menu::after {
position: fixed !important;
top: 25px !important;
left: 200px !important;
right: 0px !important;
}
}

 
Terms of Sale:

You can use our products for both personal and commercial use on multiple websites. So feel free to use it on your own or client websites. You are not allowed to resell or redistribute this plugin or any of its parts to anyone else.

If you would like to package our plugins into your child theme, a developers license may be purchased separately. Please contact us for more details

You get product updates for lifetime – We will make every attempt to ensure that our products are compatible with all future releases of Divi builder. You can access product updates through ‘My Account‘ Page.

For product support you can directly contact us. We provide 3 months of direct product support – Support is provided for bug fixes only. If you need customization support you will have to pay our hourly rate ($50 per hour)

Please note, If you bought a product from our store at ‘SALE’ price Support will be provided strictly for bug fixes only

  • Ultimate Divi Builder Addons is not responsible for any conflicts due to WordPress updates, Divi updates or third party plugin updates

Due to the nature of digital products, it’s impossible to prevent fraud and still offer refunds


Compatible with PHP version 5.5 or higher

Changelog

Version: 1.0 Initial release

Version: 1.1
– Create any number of scroll pages using page templates
– Install Simple Divi Shortcode plugin (https://www.creaweb2b.com/en/plugins/simple-divi-shortcode/) to use any Divi module inside scrolling pages
– Two menu options, Transparent menu or White background menu
– Fixed the bug with WordPress customizer. Now you can easily edit the footer credits from Customizer
– Fixed the bug with Divi mobile menu.

Element Animations

We integrated ‘WoW animation library‘ to this child theme so you can easily animate any Divi Module/Row or Section. Create stunning webpages using these animation classes. You just have to add class “wow” with below classes into Row or Section or a Module.

—Update—
* The latest Divi update has included wow animation library to the builder. If you are one of our child theme users then you don’t need to use wow animation library we have integrated to our child themes. You can still use child theme animations that aren’t included with Divi builder. In order to use these new Divi builder animations in a child theme imported page you have to first remove any existing CSS classes that calls our child theme integrated animation engine. Read More…

Example : “wow bounce” , “wow swing” , “wow bounceInDown” etc..

bounce
flash
pulse
rubberBand
shake
headShake
swing
tada
wobble
jello
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
fadeIn
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
flipInX
flipInY
flipOutX
flipOutY
lightSpeedIn
lightSpeedOut
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
hinge
rollIn
rollOut
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
slideInDown
slideInLeft
slideInRight
slideInUp
slideOutDown
slideOutLeft
slideOutRight
slideOutUp

Note :

If you want to use image module with this effect then please set “Animation” option to “No Animation”

Works best with Rows and Modules

All of these CSS classes are working in custom HTML code, Text Module and Code Module

Advanced settings you can use with WOW Animation classes,

– data-wow-duration: Change the animation duration

– data-wow-delay: Delay before the animation starts

– data-wow-offset: Distance to start the animation (related to the browser bottom)

– data-wow-iteration: Number of times the animation is repeated

1 review for Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme

  1. Rated 5 out of 5

    This is a neat child theme. I love the full-screen scrolling and the right side menu that opens on hover. This does give it a Tumblr look and feel. I also like being able to use the up and down arrows as navigation through the screens. It uses the WOW animation library so all of the Divi elements can easily be animated. It adds a new control panel called Child Theme Settings where you can select features like opening the right side menu on hover, changing the right menu’s color, hiding the footer, adjusting the dot navigation color, and see how to use the WOW animations. If you’re looking for a Tumblr type of layout and want a child theme with some extra features this one is a great choice.

Add a review

Your email address will not be published. Required fields are marked *