Pro - page suddenly pushed in all the way down

[EarlySigns]

Hi there,

Hard to explain, but until today I was working on this one page site and everything was fine - there is 20vw padding on left & right of every section all the way down. However, randomly from ‘services’ the website now looks like it’s more like 40vw most of the way down the website. What’s even stranger is it looks fine when in Preview, but doesn’t when it’s on the front end. Not sure what has happened, never seen this before, help!

simplysignspreview.com/hrgroupnew/

Screenshots

Preview

Front End

[friech]

Hi Jayd,

Thank you for writing in, all the sections underneath the “About Us” become its child element, which is wrong, all these sections should be at the same level.

More likely you have a broken HTML tag somewhere on that second or third section, please check your custom HTML markup, you can use this tool here.

Hope it helps,
Cheers!

[EarlySigns]

Hi there,

Thanks for getting back to me, It’s very odd as in the Customiser I only have 3 custom codes, all complete and working fine. On the page itself there are no custom bits of code, only images/text/shortcodes, which I have also checked and all seem complete. Is there any way you can look into this for me and let me know whats wrong, as I am at a complete loss here? Many thanks.

[christian]

Hey Jayd,

Since the problem starts in the 2nd section, your broken HTML is most probably in the first section. Please inspect your first section. You can also use HTML validation tools like https://validator.w3.org/ to guide you where the error is.

Another way also is to save the page as a template and load the template in a test page. The test page should use a No Header No Footer template to narrow down the issue. You can then remove 1 section at a time viewing the live test page each time your remove a section and save the page. If the page gets fixed, the last section you removed is containing the broken HTML.

You will need to perform the testing yourself so you’ll know how to troubleshoot next time.

Thanks.

[EarlySigns]

Hi there,

That’s great, thanks for your help! It was indeed in the first section - I had copied and pasted text from a clients word document, and when going into the text for About Us saw some extra Divs in there, which has formatted over from clients word processing. I had no idea that a couple of extra DIVs from a word document could throw off the whole page like this, good to know and thanks again for the tip!

[friech]

We are delighted to assist you with this.

Cheers!