Responsive Visibility

[vc_row container_type=”content-fixed” padding=”padding-small” padding_top=”0″ padding_bottom=”0″ fixed_height=”0″ bgtype=”bg-default” bgcolor=”#ffffff” bgparallax=”bg-parallax” map_type=”ROADMAP” map_zoom=”12″ map_scroll=”false” map_drag=”false” map_zoom_control=”false” map_disable_doubleclick=”true” map_streetview=”false” bgmask_color=”#000000″ bgmask_color_opacity=”0″ bgimage_position=”top left” bgimage_repeat=”no-repeat” bgimage_attach=”scroll” css_animation_delay=”0″ class=”visible-lg”][vc_column width=”1/1″ text_align=”textaligncenter” bgcolor=”#ffffff” bgcolor_transparency=”100″ padding=”padding-no” padding_custom=”0″ css_animation_delay=”0″][md_special_heading style=”style-4″ border_color=”black” fontweight=”500″ color=”#1e2733″ fontsize=”30″ lineheight=”36″ css_animation_delay=”0″]LARGE DEVICES[/md_special_heading][md_text fontsize=”14″ lineheight=”26″ css_animation_delay=”0″]

Use class .visible-lg to show element only on large devices.

[/md_text][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][md_single_image size=”full” image=”6169″ css_animation_delay=”0″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row container_type=”content-fixed” padding=”padding-small” padding_top=”0″ padding_bottom=”0″ fixed_height=”0″ bgtype=”bg-default” bgcolor=”#ffffff” bgparallax=”bg-parallax” map_type=”ROADMAP” map_zoom=”12″ map_scroll=”false” map_drag=”false” map_zoom_control=”false” map_disable_doubleclick=”true” map_streetview=”false” bgmask_color=”#000000″ bgmask_color_opacity=”0″ bgimage_position=”top left” bgimage_repeat=”no-repeat” bgimage_attach=”scroll” css_animation_delay=”0″ class=”visible-md”][vc_column width=”1/1″ text_align=”textaligncenter” bgcolor=”#ffffff” bgcolor_transparency=”100″ padding=”padding-no” padding_custom=”0″ css_animation_delay=”0″][md_special_heading style=”style-4″ border_color=”black” fontweight=”500″ color=”#1e2733″ fontsize=”30″ lineheight=”36″ css_animation_delay=”0″]DESKTOP DEVICES[/md_special_heading][md_text fontsize=”14″ lineheight=”26″ css_animation_delay=”0″]

Use class .visible-md to show element only on desktop devices.

[/md_text][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][md_single_image size=”full” image=”6170″ css_animation_delay=”0″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row container_type=”content-fixed” padding=”padding-small” padding_top=”0″ padding_bottom=”0″ fixed_height=”0″ bgtype=”bg-default” bgcolor=”#ffffff” bgparallax=”bg-parallax” map_type=”ROADMAP” map_zoom=”12″ map_scroll=”false” map_drag=”false” map_zoom_control=”false” map_disable_doubleclick=”true” map_streetview=”false” bgmask_color=”#000000″ bgmask_color_opacity=”0″ bgimage_position=”top left” bgimage_repeat=”no-repeat” bgimage_attach=”scroll” css_animation_delay=”0″ class=”visible-sm”][vc_column width=”1/1″ text_align=”textaligncenter” bgcolor=”#ffffff” bgcolor_transparency=”100″ padding=”padding-no” padding_custom=”0″ css_animation_delay=”0″][md_special_heading style=”style-4″ border_color=”black” fontweight=”500″ color=”#1e2733″ fontsize=”30″ lineheight=”36″ css_animation_delay=”0″]TABLET DEVICES[/md_special_heading][md_text fontsize=”14″ lineheight=”26″ css_animation_delay=”0″]

Use class .visible-sm to show element only on tablet devices.

[/md_text][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][md_single_image size=”full” image=”6171″ css_animation_delay=”0″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row container_type=”content-fixed” padding=”padding-small” padding_top=”0″ padding_bottom=”0″ fixed_height=”0″ bgtype=”bg-default” bgcolor=”#ffffff” bgparallax=”bg-parallax” map_type=”ROADMAP” map_zoom=”12″ map_scroll=”false” map_drag=”false” map_zoom_control=”false” map_disable_doubleclick=”true” map_streetview=”false” bgmask_color=”#000000″ bgmask_color_opacity=”0″ bgimage_position=”top left” bgimage_repeat=”no-repeat” bgimage_attach=”scroll” css_animation_delay=”0″ class=”visible-xs”][vc_column width=”1/1″ text_align=”textaligncenter” bgcolor=”#ffffff” bgcolor_transparency=”100″ padding=”padding-no” padding_custom=”0″ css_animation_delay=”0″][md_special_heading style=”style-4″ border_color=”black” fontweight=”500″ color=”#1e2733″ fontsize=”30″ lineheight=”36″ css_animation_delay=”0″]PHONE DEVICES[/md_special_heading][md_text fontsize=”14″ lineheight=”26″ css_animation_delay=”0″]

Use class .visible-xs to show element only on phone devices.

[/md_text][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][md_single_image size=”full” image=”6172″ css_animation_delay=”0″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Leia Também