[vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ margin_bottom=”0″ min_height=”220″][vc_column width=”1/2″][vc_empty_space height=”30px”][vc_column_text letter_spacing=”” css=”.vc_custom_1474288740807{margin-bottom: -10px !important;}”]
Create a responsive project
[/vc_column_text][vc_column_text letter_spacing=”” css=”.vc_custom_1474970699457{margin-right: 5% !important;}”]
On Racontr, you can create a multi devices and responsive project, for computer, tablet, smartphone…
[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_empty_space height=”90px”][vc_column_text letter_spacing=”” css=”.vc_custom_1463748069316{margin-left: 5% !important;}”]
Here are the different options proposed by Racontr that we will approach:
[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=””][vc_column width=”5/6″][vc_single_image image=”123″ img_size=”full” alignment=”center”][vc_empty_space height=”10px”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text letter_spacing=””]
First step: Choose a device
[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text letter_spacing=””]In your page editor, you can choose to create a page dedicated to the computer, tablet or smartphone.
The user will then be redirected to the corresponding page when he will connect on the project with his device. If you do not create dedicated page, the project will be displayed with the existing version on different devices.[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5755″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463748224476{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height=”50px”][vc_separator color=”custom” accent_color=”#e8e8e8″][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text letter_spacing=””]
Start from scratch or duplicate
[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text letter_spacing=””]When you choose to create a version dedicated to the iPad or smartphone, you can choose to duplicate the existing page and rework or create a blank.[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5752″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463748243210{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_empty_space height=”50px”][vc_widget_sidebar sidebar_id=”sidebar-1″][/vc_column][/vc_row][vc_row padding_top=”0″ padding_bottom=”0″][vc_column][vc_empty_space][vc_single_image image=”132″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ margin_bottom=”0″ min_height=”220″][vc_column width=”1/3″][vc_empty_space][vc_column_text]
More
tutorials:
[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]
[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]
[/vc_column_text][/vc_column][/vc_row]
