FullPage for WPBakery Page Builder v2.1.4

FullPage for WPBakery Page Builder Features: –

Responsive
FullPage for WPBakery Page Builder is fully responsive and perfect fit for any device.

Touch Support
For mobiles, tablets and other touch screen devices.

Rows as Sections
Each WPBakery Page Builder row is defined as vertical scrolling section.

Columns as Slides
Each WPBakery Page Builder column inside the row can be defined as horizontal slides.

Auto-Height Sections
Each section can be defined as auto-height instead of full screen.

Responsive Auto-Height Sections
Full height sections for big screens and auto height sections for small screens.

Fixed Header and Footer
Fixed header and footer rows can be defined within WPBakery Page Builder row settings to add your own custom menu or code to the top or bottom of the page.

Navigation Bullets
Horizontal and vertical navigation bullets with 20 different styles.

Scrollbars of Sections
When the content is bigger than the screen size, scrollbar can be visible inside the sections (Hidden, Faded and Interactive scrollbar options).

Optional Scrollbars
Full page scroll with browser scrollbar instead of auto-scrolling.

Animations
5 CSS3 ease animations or 32 Javascript animations, whichever you prefer.

Anchors
Animated anchor links, optional browser history support and optional anchor links at the address bar.

Keyboard Navigation
Navigate between sections and slides with keyboard (up/down/left/right keys).

Vertically Centered Sections
Section contents can be vertically centered.

Vertically Centered Sections
Section contents can be vertically centered.

Section and Slide Loops
Infinite loop options for sections and slides.

Record History
Browser back button will go to the previous section or slide.

Clean and Minimized Code
Clean, professionally written, optimized and minimized code.

Great Support
Customer support and satisfaction is the most important priority and the help will always be available.

Customization – VC Native Animations
WPBakery Page Builder native animations in sections and slides.

Customization – Videos
Play videos only when the videos are in view.

How To Use FullPage for WPBakery Page Builder

• Add rows with WPBakery Page Builder. Each row will be defined as fullpage section. Design your row content.
• From row settings, go to ‘Full Page’ tab and select:
  • Full Height: To make the row (section) full screen.
  • Auto Height: To make the row (section) auto height, which means the row height will be depending on the contents of the row. It won’t be full screen.
  • Responsive Auto Height: To make the row (section) full screen on big screens, but auto height on responsive screens. To adjust the maximum width or height of responsive screens, please enter the values to ‘Responsive Width’ and/or ‘Responsive Height’ under FullPage Settings -> Design tab.
  • Top Fixed Header: If you have a menu or another content that you want to show at the top of the screen, it can be shown using this option. Add your content inside this row and select this option.
  • Bottom Fixed Footer: If you have a footer content that you want to show at the bottom of the screen, it can be shown using this option. Add your content inside this row and select this option.
• Add your anchor name at ‘Full Page’ tab if you want to use anchors. If the value is not set, an automatic generated anchor name will be used. The anchor name cannot be any ID used in the HTML output. (Do not set the anchor name the same as row ID.)
• Set your Tooltip text at ‘Full Page’ tab if you want to use tooltips.
• You can add slides to the sections by following these steps:
  • Add columns to the row (The plus sign of each row, set custom and enter 1/1 + 1/1 + …). Each column will be defined as slides in the section.
  • From row settings, go to ‘Full Page’ tab and check ‘Columns as Slides’.
• Enable Full page and configure by playing with the options.

Option 1 – Using theme page template

• Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
• Hide page title, either from theme settings or using CSS. There should be no relative positioned element before content.
• If you want the theme header shown at the top, enable ‘Force Fixed Theme Header’ from FullPage Settings -> Customization tab. When you enable this option, there is another option appears right under it. Please enter your theme header selector to that box.
• If you don’t want theme header shown at the top, hide header either from theme settings or using CSS. You can add your own menu to the top or bottom with adding a row with FullPage settings as ‘Top Fixed Row’. You can add your menu shortcode inside that row.

Option 2 – Using Full Page empty page template

• Select ‘Enable Empty Page Template’ from FullPage Settings -> Advanced tab.
• Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
• You can add your own menu to the top or bottom with adding a row with FullPage settings as ‘Top Fixed Row’. You can add your menu shortcode inside that row.
• You can also customize the template buy writing your own code. Copy template folder in the plugin directory, make your changes in it and copy it back to your server. Do not copy it under the plugin directory or you can lose the changes when the plugin is updated.