Select Page

Slide-in Right Sidebar

Installing demo

If you bought and installed the Valliant child theme than the slide-in layouts are already in your Divi library.

If you want to use these slide-ins on another website than you can download the slide-in layouts here.

After downloading unpack the file: Valliant_slide_ins_UNPACKME.zip

Inside you will find 4 slide-ins layouts.

Desktop and Tablet

 

Step 1

Go to Divi > Divi Library. Click on the import/export options.
Click on Import and upload Slide-in Right Sidebar Desktop and Tablet Valliant.json.

Step 2

Create a new slide-in and activate the Divi builder. Switch over to Switch To The New Divi Builder.

Click on choose a premade layout.

Go to your saved layouts and choose the layout you just uploaded.

Step 3

Use the following slide-in settings:

Add the following CSS in Divi > Theme Options > CSS

.aside .messages {
overflow-y: auto!important;
}

Mobile

 

Step 1

Go to Divi > Divi Library. Click on the import/export options.
Click on Import and upload Slide-in Right Sidebar Mobile Valliant.json.

Step 2

Create a new slide-in and activate the Divi builder. Switch over to Switch To The New Divi Builder.

Click on choose a premade layout.

Go to your saved layouts and choose the layout you just uploaded.

Step 3

Use the following slide-in settings: