Docs

[thedjibin89]

I have 2 websites with x theme.
Everything is alright except the when you go on the website with a mobile device the content is not displayed properly.
Here is the link :
http://www.findpeaceofmind.c.uk
Please review and I will appreciate a solution.

[Joao]

Hi There

Your page actually looks quite good on mobile everything seems aligned as it should be,

Wold you mind providing more details and if possible a screenshot of your issue?

I have tested your website on Firefox Android.

Let us know more details

Thanks

Joao

[thedjibin89]

Thank you for the quick answer.
When you open the website with a mobile device and start scrolling down certain section of the website looked like they are still not edited. See the screenshot or open the website and scroll down to below “Services” section.

[thedjibin89]

I have managed to fix it. The timeline section had a problem : this code was still there i have deleted it :

[cs_section parallax=”false” class=”cs-hide-xl cs-hide-lg cs-hide-md cs-ta-center” style=”margin: 0px;padding: 45px 0px;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h2″ looks_like=”h2″ accent=”false” class=”man resp-h-timeline”]Title[/x_custom_headline][cs_text]

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…

[/cs_text][x_image type=”circle” src=”http://placehold.it/300×300/3498db/2980b9″ 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][cs_text title=”Copy of undefined”]

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…

[/cs_text][x_image type=”circle” src=”http://placehold.it/300×300/3498db/2980b9″ 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][cs_text title=”Copy of Copy of undefined”]

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…

Now there is another issue. The time line sections ( our services) is not displayed on mobile devices — It displays the title our services but not the timeline. Could it be as a consequence of the alignment ?

[Friech]

Hi There,

Please disable all the Hide Base On Screen Width option of those lose section on mobile.

Please read this post on hows the Hide Base On Screen Width option works.

Hope it helps, Cheers!

[Author]

Posts