[vc_row dfd_row_config=”full_width_content” dfd_row_responsive_enable=”dfd-row-responsive-enable” css=”.vc_custom_1523001617430{padding-right: 10px !important;padding-left: 10px !important;}” responsive_styles=”padding_left_mobile:0|padding_right_mobile:0″][vc_column dfd_column_responsive_enable=”dfd-column-responsive-enable” responsive_styles=”padding_left_tablet:0|padding_right_tablet:0|padding_left_mobile:0|padding_right_mobile:0″][dfd_side_by_side_slider][dfd_side_by_side_right][dfd_side_by_side_slide slide_bg_check=”column-background-dark” dfd_sbs_responsive_enable=”dfd-sbs-responsive-enable” css=”.vc_custom_1523342085504{padding-right: 6% !important;padding-left: 6% !important;background: #ffffff url(http://rnbtheme.com/shortcodes/wp-content/uploads/2016/02/right.jpg?id=17120) !important;}” sbs_responsive_styles=”padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”250″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”200″ screen_tablet_spacer_size=”130″ screen_mobile_spacer_size=”100″][dfd_heading enable_delimiter=”off” subtitle_google_fonts=”yes” subtitle_custom_fonts=”font_family:Satisfy%3Aregular|font_style:400%20regular%3A400%3Anormal” style=”style_01″ title=”Layout variations” title_font_options=”tag:h1|font_size:80|color:%23ffffff|line_height:80|letter_spacing:-6|font_style_bold:1″ subtitle_font_options=”tag:h3|font_size:20|color:%23fdf3e7|line_height:30″ subtitle=”Awesome vertical sliding presentation.” title_responsive=”font_size_mobile:50|line_height_mobile:50|letter_spacing_mobile:-3″]Side by Side[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”250″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”200″ screen_tablet_spacer_size=”130″ screen_mobile_spacer_size=”100″][/dfd_side_by_side_slide][dfd_side_by_side_slide dfd_sbs_responsive_enable=”dfd-sbs-responsive-enable” css=”.vc_custom_1523001768959{padding-right: 6% !important;padding-left: 6% !important;background: #ffffff url(http://rnbtheme.com/shortcodes/wp-content/uploads/2016/02/rightside_white.jpg?id=17112) !important;}” sbs_responsive_styles=”padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”150″ screen_tablet_spacer_size=”130″ screen_mobile_spacer_size=”100″][dfd_single_image image=”17128″ upload_image=”11499″][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”40″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”25″ screen_mobile_spacer_size=”20″][vc_column_text]
Create awesome vertical side by side scroll efect on the page. Select Side by Side page template and add the same module to the page. Distinguish left and right containers of the module to divide viewport into columns, and add side by side slider items that will represent one half slide on the page. Then fill them with VC elements and check the page.
Note, there has to be the same number of elements in left and right columns to make the module work properly.
[/vc_column_text][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”25″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”25″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][announcement align=”align-center” icon=”dfd-icon-code” dark_bg=”off” use_google_fonts=”yes” custom_fonts=”font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic” main_style=”style-1″ main_layout=”layout-3″ font_options=”font_size:15″ icon_size=”19″ icon_color=”#262626″]Style — Side by Side; Layout — n/a; Inside options — defaults;[/announcement][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”25″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”25″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][videoplayer main_style=”style-2″ main_layout=”layout-4″ title=”Watch module video” subtitle=”Use 1080p for better quality.” video_link=”https://youtu.be/v_Bf6Yd8utE” title_font_options=”tag:div|font_size:15″ subtitle_font_options=”tag:div” fill_color_start=”#e52c27″ fill_color_end=”#c2171d” bg_radius=”8″ icon_color=”#ffffff”][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”200″ screen_tablet_spacer_size=”130″ screen_mobile_spacer_size=”100″][/dfd_side_by_side_slide][dfd_side_by_side_slide slide_bg_check=”column-background-dark” css=”.vc_custom_1523342099344{background-image: url(http://rnbtheme.com/shortcodes/wp-content/uploads/2016/02/rightside.jpg?id=17062) !important;}”][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”600″ screen_tablet_spacer_size=”500″ screen_mobile_spacer_size=”500″][/dfd_side_by_side_slide][/dfd_side_by_side_right][dfd_side_by_side_left][dfd_side_by_side_slide slide_bg_check=”column-background-dark” css=”.vc_custom_1523342110132{background: #ffffff url(http://rnbtheme.com/shortcodes/wp-content/uploads/2016/02/left.jpg?id=17121) !important;}”][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”600″ screen_tablet_spacer_size=”500″ screen_mobile_spacer_size=”500″][/dfd_side_by_side_slide][dfd_side_by_side_slide slide_bg_check=”column-background-dark” css=”.vc_custom_1523342120822{background-image: url(http://rnbtheme.com/shortcodes/wp-content/uploads/2016/02/leftside.jpg?id=17063) !important;}”][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”0″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”600″ screen_tablet_spacer_size=”500″ screen_mobile_spacer_size=”500″][/dfd_side_by_side_slide][dfd_side_by_side_slide dfd_sbs_responsive_enable=”dfd-sbs-responsive-enable” css=”.vc_custom_1523001870657{background: #ffffff url(http://rnbtheme.com/shortcodes/wp-content/uploads/2016/02/left_white_1.jpg?id=17110) !important;}” sbs_responsive_styles=”padding_left_mobile:30|padding_right_mobile:30″][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”250″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”200″ screen_tablet_spacer_size=”130″ screen_mobile_spacer_size=”100″][dfd_heading enable_delimiter=”off” subtitle_google_fonts=”yes” subtitle_custom_fonts=”font_family:Satisfy%3Aregular|font_style:400%20regular%3A400%3Anormal” style=”style_01″ title=”Layout variations” title_font_options=”tag:h1|font_size:80|line_height:80|letter_spacing:-6|font_style_bold:1″ subtitle_font_options=”tag:h3|font_size:20|color:%23333333|line_height:30″ subtitle=”One and only theme for your website.” title_responsive=”font_size_mobile:45|line_height_mobile:50|letter_spacing_mobile:-3″]Just Ronneby[/dfd_heading][dfd_spacer screen_wide_resolution=”1280″ screen_wide_spacer_size=”250″ screen_normal_resolution=”1024″ screen_tablet_resolution=”800″ screen_mobile_resolution=”480″ screen_normal_spacer_size=”200″ screen_tablet_spacer_size=”130″ screen_mobile_spacer_size=”100″][/dfd_side_by_side_slide][/dfd_side_by_side_left][/dfd_side_by_side_slider][/vc_column][/vc_row]