meceware

meceware supports this item

Supported

This author's response time can be up to 2 business days.

Popular questions for this item

Not Supported Themes

Jkreativ
Reason: Changes visual composer structure, conflicts with full page javascript.

Megatron
Reason: Interesting behaviour with the framework.

FullPage for Visual Composer with The7 Theme

FullPage for Visual Composer with The7 Theme

This settings are tried on The7 4.1.1 and with default theme options.

  • Activate the theme.
  • Create a new page.
  • Add rows and design your rows as page sections.
  • Enable Full page and configure full page options.
  • Select ‘Default VC’ for all rows from Row Options -> Row Style.

Option 1 – Using theme page template

  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Select ‘Hide Page Title’ from Page Header Options meta box.
  • Uncheck ‘Show Widgetized Footer’ from Footer Options meta box.
  • Select ‘Disabled’ from Sidebar Options meta box.
  • 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 .masthead to the box of that option.
  • If you don’t want theme header shown at the top, add the CSS code.masthead{display: none;}. 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

FullPage empty page template is independent from the theme and gives you the possibility to use a blank page, which means no theme related menus and settings.

  • 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.

FullPage for Visual Composer with Enfold Theme

This settings are tried on Avada 3.8 and with default theme options.

  • Activate the theme.
  • Create a new page.
  • Add rows and design your rows as page sections.
  • Enable Full page and configure full page options.

Option 1 – Using theme page template

  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Select ‘No Sidebar’ from Layout meta box -> Sidebar Settings.
  • Select ‘Dont Display’ from Layout meta box -> Footer Settings.
  • Select ‘Hide Both’ from Layout meta box -> Title bar Settings.
  • 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 #header to the box of that option.
  • If you don’t want theme header shown at the top, select ‘Hide Header in this page’ from Layout meta box -> Header visibility and transparency. 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

FullPage empty page template is independent from the theme and gives you the possibility to use a blank page, which means no theme related menus and settings.

  • 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.

FullPage for Visual Composer with the X Theme

FullPage for Visual Composer with X Theme

This settings are tried on X 4.6.4 and with default theme options.

  • Activate the theme.
  • Create a new page.
  • Add rows and design your rows as page sections.
  • Enable Full page and configure full page options.

Option 1 – Using theme page template

  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Select ‘Layout – Fullwidth’ from Page Attributes meta box -> Template.
  • Set ‘Section Selector’ to > .x-content-band.vc from FullPage Settings -> Advanced tab.
  • Set Slide Selector’ to > .x-content-band.vc .x-column from FullPage Settings -> Advanced tab.
  • 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 .masthead to the box of that option.
  • If you don’t want theme header shown at the top, add the following CSS .masthead{display: none;}. 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.
  • Add the following CSS:
    .x-breadcrumb-wrap,header.entry-header{display: none;}
    .fp-slidesContainer >.x-column {margin: 0 !important;}

Option 2 – Using Full Page empty page template

FullPage empty page template is independent from the theme and gives you the possibility to use a blank page, which means no theme related menus and settings.

  • Select ‘Enable Empty Page Template’ from FullPage Settings -> Advanced tab.
  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Set ‘Section Selector’ to > .x-content-band.vc from FullPage Settings -> Advanced tab.
  • Set Slide Selector’ to > .x-content-band.vc .x-column from FullPage Settings -> Advanced 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.
  • Add the following CSS:
    .fp-slidesContainer >.x-column {margin: 0 !important;}

Note: If you use top fixed header, add mcw_fp_fixed_top to ‘Extra Class Name’ of the top fixed header row.
If you use bottom fixed footer, add mcw_fp_fixed_bottom to ‘Extra Class Name’ of the top fixed header row.

FullPage for Visual Composer with Salient Theme

This settings are tried on Salient 7.0.5 and with default theme options.

1. Activate Salient.
2. Create a new page.
3. Add rows and design your rows as page sections.
4. Enable Full page and configure full page options.

Since there is no empty page template on Salient theme, Full Page empty page template is used.

Salient theme uses customized Visual Composer and removes row styles necessary for full page.

Using Full Page empty page template (This way removes all theme settings and menus.)
5. From Advanced tab of Full Page options, Enable Empty Page Template.
6. Add ‘my_fp_rows’ class to all rows (Row Settings -> Extra Class Name).
7. From Advanced tab of Full Page options, Write ’.my_fp_rows’ (without quotes) to ‘Section Selector’ option.
8. Add following CSS to Visual Composer page custom CSS.

  #mcw_full_page .my_fp_rows { margin: 0 !important; }

9. To make slides, add ‘my_fp_slides’ class to all columns inside the row that you want the slide (Column Settings -> Extra Class Name).
10. From Advanced tab of Full Page options, Write ’.my_fp_slides’ (without quotes) to ‘Slide Selector’ option.
11. Add following CSS to Visual Composer page custom CSS.
  #mcw_full_page .my_fp_slides { margin: 0 !important; }

Note: If you are going to use nectar slider on the fullpage enabled page, it will NOT work.

Note: Some installs have scrolling error when fullpage is enabled. To remove scrolling error, superfish.js file and it’s related functionalities(such as nectar slider) will be removed and will not work with fullpage enabled pages. To remove superfish.js, add it to ‘Remove JS’ option at the Advanced tab.

Why does FullPage conflicts with other Javascript libraries?

Since FullPage disables the scrollbar, the Javascript libraries that use scrolling features stop working, which means page rendering stops.

FullPage for Visual Composer with Zephyr Theme

This settings are tried on Zephyr 2.9 and with default theme options.

1. Activate Zephyr.
2. Create a new page.
3. Add rows and design your rows as page sections.
4. Enable Full page and configure full page options.

Option 1 – Using theme empty page template
5. Select ‘Remove Header on this page’ from Header Options (at the sidebar of page edit).
6. Select ‘Hide Title Bar’ from Title Bar Options (at the sidebar of page edit).
7. Select ‘Hide’ from ‘Show Subfooter’ and ‘Shiw Footer’ options in Footer Options (at the sidebar of page edit).
8. Play with FullPage options. Instead of hiding header, title bar and footers, you can make it fixed at the top or bottom with CSS. Or you can design your own header and footer using FullPage rows.

 

Option 2 – Using Full Page empty page template (This way removes all theme settings and menus.)
5.
From Advanced tab of Full Page options, Enable Empty Page Template.
6. Add ‘us.core.js’ to ‘Remove JS’ option at the Advanced tab.

7. Well, that’s it. You can use top fixed header row to add your own header menu or text.

 

 

To make slides in the fullpage rows, follow these steps
1. Add 1/1 columns (each column will be the slide) to the row.
2. Add your elements into the columns.
3. Add ‘my_slide’ to the ‘Extra class name’ option of VC column properties window for each column you added..
4. Add ’.my_slide’ to ‘Slide Selector’ option of Fullpage in Advanced tab.
5. Add the following CSS.

.g-cols.offset_medium > div.fo-controlArrow {margin-left: 0 !important; width: 0; float: none;}

FullPage for Visual Composer with Jupiter Theme

FullPage for Visual Composer with Jupiter Theme

This settings are tried on Jupiter 5.2 and with default theme options.

  • Activate the theme.
  • Create a new page.
  • Add rows and design your rows as page sections.
  • Enable Full page and configure full page options.

Option 1 – Using theme page template

  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Set ‘Section Selector’ to > .vc_row from FullPage Settings -> Advanced tab.
  • Select ‘Remove Footer & Page Title’ from Jupiter Page Options meta box -> Manage Page Elements.
  • 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 header to the box of that option.
  • If you don’t want theme header shown at the top, Select ‘Remove Header & Footer & Page Title’ from Jupiter Page Options meta box -> Manage Page Elements. 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

FullPage empty page template is independent from the theme and gives you the possibility to use a blank page, which means no theme related menus and settings.

  • Select ‘Enable Empty Page Template’ from FullPage Settings -> Advanced tab.
  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Set ‘Section Selector’ to > .vc_row from FullPage Settings -> Advanced 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.

Note: If you use top fixed header, add mcw_fp_fixed_top to ‘Extra Class Name’ of the top fixed header row.
If you use bottom fixed footer, add mcw_fp_fixed_bottom to ‘Extra Class Name’ of the top fixed header row.

FullPage for Visual Composer with Bridge Theme

FullPage for Visual Composer with Bridge Theme

This settings are tried on Bridge 10.0 and with default theme options.

  • Activate the theme.
  • Create a new page.
  • Add rows and design your rows as page sections.
  • Enable Full page and configure full page options.

Option 1 – Using theme page template

  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Set > .vc_row to Section Selector at FullPage Settings -> Advanced tab.
  • Select ‘Yes’ from Qode Title meta box -> Don’t Show Title Area.
  • Select ‘No’ from Qode Content Bottom meta box -> Show Content Bottom Area.
  • Add bridge/js/jquery.fullPage.min.js to ‘Remove JS’ option of FullPage Settings -> Customization tab.
  • 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 header to the box of that option.
  • If you don’t want theme header shown at the top, select ‘No’ from Fusion Page Options meta box -> Header -> Display Header. 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.
  • Add the following CSS to the page with visual composer (the cog icon)
    footer{display: none;}
    html, body {overflow: hidden !important; height: 100% !important; margin: 0 !important;}
    #fp-nav {z-index: 1001;}
    .mcw_fp_fixed_top,.mcw_fp_fixed_bottom{position: fixed !important;}

Option 2 – Using Full Page empty page template

FullPage empty page template is independent from any theme and gives you the possibility to use a blank page, which means no theme related menus and settings.

  • Select ‘Enable Empty Page Template’ from FullPage Settings -> Advanced tab.
  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Add bridge/js/jquery.fullPage.min.js to ‘Remove JS’ option of 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.
  • Add the following CSS to the page with visual composer (the cog icon)
    html, body {overflow: hidden !important; height: 100% !important; margin: 0 !important;}
    #fp-nav {z-index: 1001;}
    .mcw_fp_fixed_top,.mcw_fp_fixed_bottom{position: fixed !important;}

Note: The code below might need to be removed if you see any unexpected behaviour on mobile view. This setting cannot be overrided and should be removed manually.

File: [theme folder]/css/responsive.min.css
.fp-scrollable,.fp-section.fp-table,.fp-slide.fp-table,.fp-tableCell,.slimScrollDiv{height:auto!impor​tant}

FullPage for Visual Composer with TheFox Theme

This settings are tried on TheFox 1.5.8 and with default theme options.

1. Activate TheFox.
2. Create a new page.
3. Add rows and design your rows as page sections.
4. Enable Full page and configure full page options.

Option 1 – Using theme empty page template
5. Set “Hide Header Top Bar?” to “Yes”.
6. Set “Select Page layout” to “Page with no sidebar”.
7. Set “Show title?” to “No”.
8. Set “Show Subtitle and Breadcrumbs?” to “No”.
9. Add following CSS to Visual Composer page custom CSS.

.wrapper {width: 100% !important;}
html {overflow: hidden !important; height: 100% !important; margin: 0 !important;}
.mcw_fp_section {margin: 0 !important;}
#to_top {display: none !important;}

10. If you want to show the theme header, add the following CSS.
#header_container {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 1000;
}

Option 2 – Using Full Page empty page template (This way removes all theme settings and menus.)
5.
From Advanced tab of Full Page options, Enable Empty Page Template.
6. Add following CSS to Visual Composer page custom CSS.

Add following CSS
.wrapper {width: 100% !important;}
html {overflow: hidden !important; height: 100% !important; margin: 0 !important;}
.mcw_fp_section {margin: 0 !important;}

7. Well, that’s it. You can use top fixed header row to add your own header menu or text.

FullPage for Visual Composer with Avada Theme

This settings are tried on Avada 5.0.2 and with default theme options.

  • Activate the theme.
  • Create a new page.
  • Add rows and design your rows as page sections.
  • Enable Full page and configure full page options.

Option 1 – Using theme page template

  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Select ‘Hide’ from Fusion Page Options meta box -> Page Title Bar -> Page Title Bar.
  • Select ‘No’ from Fusion Page Options meta box -> Footer -> [Every option here].
  • 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 header.fusion-header-wrapper to the box of that option.
  • If you don’t want theme header shown at the top, select ‘No’ from Fusion Page Options meta box -> Header -> Display Header. 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

FullPage empty page template is independent from the theme and gives you the possibility to use a blank page, which means no theme related menus and settings.

  • Selec ‘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.

FullPage for Visual Composer with 907 Theme

The instructions below are tried on 907 Theme v4.0.14 and with default theme options.

  • Activate the theme.
  • Create a new page.
  • Add rows and design your rows as page sections.
  • Enable Full page and configure full page options.

Option 1 – Using theme page template

  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • 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 header to the box of that option.
  • If you don’t want theme header shown at the top, add the following 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.
    .fp-enabled header{display: none !important;}
  • Add the following CSS to the page with visual composer (the cog icon)
    .page-title-wrap{display: none;}

Option 2 – Using Full Page empty page template

FullPage empty page template is independent from any theme and gives you the possibility to use a blank page, which means no theme related menus and settings.

  • 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.

FullPage for Visual Composer with Fevr Theme

This settings are tried on Fevr 1.1.7 and with default theme options.

  • Activate the theme.
  • Create a new page.
  • Add rows and design your rows as page sections.
  • Enable Full page and configure full page options.

Option 1 – Using theme page template

  • Enable ‘Force Remove Theme Margins’ from FullPage Settings -> Customization tab.
  • Add jquery.nicescroll.min.js to ‘Remove JS’ at FullPage Settings -> Advanced tab.
  • Enable ‘Hide Title’ from Page Settings meta box.
  • Enable ‘Hide Footer’ from Page Settings meta box -> General. .
  • 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 #main-header-outer to the box of that option.
  • If you don’t want theme header shown at the top, enable ‘Hide Header’ from Page Settings meta box -> General. 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

FullPage empty page template is independent from the theme and gives you the possibility to use a blank page, which means no theme related menus and settings.

  • 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.

Show more

Contact the author

This author provides limited support for this item through this item's comments.

Item support includes:

  • Availability of the author to answer questions
  • Answering technical questions about item’s features
  • Assistance with reported bugs and issues
  • Help with included 3rd party assets

However, item support does not include:

  • Customization services
  • Installation services

View the item support policy

by
by
by
by
by
by