Part of page not visible on computer anymore, but visible on phone only

A part of my home page is gone after I changed some texts. If I log in in wordpress I can see the total page, but when I open the website in another browser, part of the main page is not visible anymore. I think I made somewhere a mistake in the code, which led to not showing the content under that text anymore.
Since I made different sections for the mobile phone, the complete page is still visible on the phone.
I have no idea how to fix this, and how to get back the content on the page visible on computers.

Who can help me?

Hey @CMBKKR,

The cause of the issue is syntax errors in HTML like the random single quote in your Youtube embed code and unclosed span tag. There are more errors so please inspect your content for HTML syntax errors. One tip I can give you is save your page as a template and load it on a test page. In the test page, remove sections one by one while checking if the issue persists each time. If that issue gets resolved once you removed a section, the HTML causing the error is most probably there in the section.

Using HTML validation tools like https://htmlhint.com/ would also be helpful.

Hope that helps.

Hi Christian,
Many thanks for your quick response. I am (unfortunately) not a website builder, but managed to build this website with the good support and tutorials from theme.co.
I have no idea where to start to fix this again and what syntax is right or wrong.
I believe I did something wrong when I changed the text in the Why, How, What section.
I also don;t understand why the page is still visible on phones and not on computers?
I do hope you can help. I dont understand what to do.

Hey @CMBKKR,

I understand your concern. However, you have lots of content. If you just have a few sections, I could point out errors quickly but please understand that since you have lots of content on the page, tracing the broken HTML could take some time.

Please note that fixing custom code issues including broken HTML is not a part of our theme support. I’m not trying to be mean. It’s just not feasible for us to fix all custom code issues. We provide guidance if we can just like my previous response but this does not mean that we’ll do hands-on fixing even if it is beyond the scope of theme support.

Also, the troubleshooting procedure I’ve mentioned was not technical. Please at-least do this and point us to the section that is causing the issue. We can then point you to the broken HTML and how to fix it.

  1. Save your page as a template
  2. Load it in a test page
  3. Remove sections one by one while checking each time if the front-end will get fixed. Start from the top.

Thanks.

Many thanks for your help Christian. I solved it, because I found a wrong tag
somewhere in the mobile section. You put me in the right direction, so many thanks for this!!!
I did not found out how to set up a test page unfortunately so I had to test it in live (which was quiet exciting to do).
But I found the error.
Regards, Coen

I’m glad the troubleshooting instruction helped, Coen.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.