Docs

[kumaran]

Greetings Sir/Madam,

How to change section color in mobile view. Desktop working fine. please advice
http://linga.online/plans/custom/

My code below

[x_section parallax=”false” bg_image=”” class=”x-hide-sm x-hide-xs ” style=”margin: 0px 0px 0px 0px; padding: 45px 0px 45px 0px; “][x_row inner_container=”true” marginless_columns=”false” bg_color=”” style=”margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; “][x_column bg_color=”” type=”1/2″ style=”padding: 0px 0px 0px 0px; “][x_custom_headline level=”h2″ looks_like=”h2″ accent=”false” class=”resp-h-timeline” style=”margin: 21% 0 0;”]Title[/x_custom_headline][x_text]
<p class=”resp-p-timeline mts mbn”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Lorem ipsum dolor sit amet. Tell me more…</p>
[/x_text][/x_column][x_column bg_color=”” type=”1/2″ class=”center-text ” style=”padding: 0px 0px 0px 0px; “][x_image src=”http://linga.online/wp-content/uploads/2016/04/table-layout.png&#8221; alt=”Placeholder” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”man”][/x_column][/x_row][/x_section]

[x_section parallax=”false” bg_color=”#FFFFFF” bg_image=”” class=”x-hide-sm x-hide-xs ” style=”margin: 0px 0px 0px 0px; padding: 45px 0px 45px 0px; “][x_row inner_container=”true” marginless_columns=”false” bg_color=”” style=”margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; “][x_column bg_color=”” type=”1/2″ class=”center-text ” style=”padding: 0px 0px 0px 0px; “][x_image src=”http://linga.online/wp-content/uploads/2016/04/table-layout.png&#8221; alt=”Placeholder” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”man”][/x_column][x_column bg_color=”” type=”1/2″ class=”right-text ” style=”padding: 0px 0px 0px 0px; “][x_custom_headline level=”h2″ looks_like=”h2″ accent=”false” class=”resp-h-timeline” style=”margin: 21% 0 0;”]Title[/x_custom_headline][x_text class=”resp-p-timeline”]
<p class=”mts mbn”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Lorem ipsum dolor sit amet. Tell me more…</p>
[/x_text][/x_column][/x_row][/x_section]

[x_section parallax=”false” bg_image=”” class=”x-hide-sm x-hide-xs ” style=”margin: 0px 0px 0px 0px; padding: 45px 0px 45px 0px; “][x_row inner_container=”true” marginless_columns=”false” bg_color=”” style=”margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; “][x_column bg_color=”” type=”1/2″ style=”padding: 0px 0px 0px 0px; “][x_custom_headline level=”h2″ looks_like=”h2″ accent=”false” class=”resp-h-timeline” style=”margin: 21% 0 0;”]Title[/x_custom_headline][x_text class=”resp-p-timeline”]
<p class=”mts mbn”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Lorem ipsum dolor sit amet. Tell me more…</p>
[/x_text][/x_column][x_column bg_color=”” type=”1/2″ class=”center-text ” style=”padding: 0px 0px 0px 0px; “][x_image src=”http://linga.online/wp-content/uploads/2016/04/table-layout.png&#8221; alt=”Placeholder” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”man”][/x_column][/x_row][/x_section]

[x_section class=”x-hide-xl x-hide-lg x-hide-md center-text ” style=”margin: 0px 0px 0px 0px; padding: 45px 0px 45px 0px; “][x_row inner_container=”true” marginless_columns=”false” bg_color=”” style=”margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; “][x_column bg_color=”” type=”1/1″ style=”padding: 0px 0px 0px 0px; “][x_custom_headline level=”h2″ looks_like=”h2″ accent=”false” class=”man resp-h-timeline”]Title[/x_custom_headline]

[x_text]<p class=”resp-p-timeline mvs”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Lorem ipsum dolor sit amet. Tell me more…</p>
[/x_text]
[x_image src=”http://linga.online/wp-content/uploads/2016/04/table-layout.png&#8221; alt=”Placeholder” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”man”]
[x_gap size=”15%”]

[x_custom_headline level=”h2″ looks_like=”h2″ accent=”false” class=”man resp-h-timeline”]Title[/x_custom_headline]
[x_text]<p class=”resp-p-timeline mvs”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Lorem ipsum dolor sit amet. Tell me more…</p>
[/x_text]
[x_image src=”http://linga.online/wp-content/uploads/2016/04/table-layout.png&#8221; alt=”Placeholder” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”man”][x_gap size=”15%”]

[x_custom_headline level=”h2″ looks_like=”h2″ accent=”false” class=”man resp-h-timeline”]Title[/x_custom_headline]
[x_text]<p class=”resp-p-timeline mvs”>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pretium, nisi ut volutpat mollis, leo risus interdum arcu, eget facilisis quam felis id mauris. Lorem ipsum dolor sit amet. Tell me more…</p>
[/x_text][x_image src=”http://linga.online/wp-content/uploads/2016/04/table-layout.png&#8221; alt=”Placeholder” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”man”][/x_column][/x_row]
[/x_section]

[Lely]

Hi There,

Thanks for posting in. The process is the same as how you change the section background color on desktop view. You may access it by clicking the phone icon on the left side of the SAVE button. See this video screencast:http://screencast-o-matic.com/watch/cDfr6B1EBQ

Hope this helps.

[Author]

Posts