x

Delete space on the right margin

Can anyone tell me how to remove the space on the right margin on every single page of my website? Apparently there is nothing there on the margin but then someday I suddenly found that an extra space has been added and I was able to scroll to the right on each page. Please help and thanks a lot!

image

image

www.joinin-education.com

932 Views
Message 1 of 5
Report
2 Best Answers
Square

Best Answer

That looks like the kind of thing you see when you have a little bit of broken code somewhere, @DannyW. It looks like you're using a custom theme - try temporarily publishing with the standard version of the theme you customized. If it still does it, then it's something added to Settings > SEO > Header Code (I saw a <link> tag which might be causing trouble since the end of the tag was > instead of /> ).

View Best Answer >

894 Views
Message 2 of 5
Report

Best Answer

Hi @DannyW

I think Adam is onto it in terms of something you've added. I've narrowed it down to this line of HTML but I can't tell where it has been added:

<div style="padding: 20px; width:100%; text-align:center;"></div>

The padding is causing the issue. If you set that to 0 you'll be fine. See the screen shot below showing the bottom highlighted off to the right:image

You may not have noticed but there is padding at the bottom of your page too caused by the same padding setting.

Have a good search through your custom HTML and user-added Header/Footer Code windows for that line of HTML.

Cheers, Mark

View Best Answer >

887 Views
Message 3 of 5
Report
4 REPLIES 4
Square

Best Answer

That looks like the kind of thing you see when you have a little bit of broken code somewhere, @DannyW. It looks like you're using a custom theme - try temporarily publishing with the standard version of the theme you customized. If it still does it, then it's something added to Settings > SEO > Header Code (I saw a <link> tag which might be causing trouble since the end of the tag was > instead of /> ).

895 Views
Message 2 of 5
Report

Best Answer

Hi @DannyW

I think Adam is onto it in terms of something you've added. I've narrowed it down to this line of HTML but I can't tell where it has been added:

<div style="padding: 20px; width:100%; text-align:center;"></div>

The padding is causing the issue. If you set that to 0 you'll be fine. See the screen shot below showing the bottom highlighted off to the right:image

You may not have noticed but there is padding at the bottom of your page too caused by the same padding setting.

Have a good search through your custom HTML and user-added Header/Footer Code windows for that line of HTML.

Cheers, Mark

888 Views
Message 3 of 5
Report

Thanks @MJCS! I found this tag on both my header & no-header pages. The website has returned to normal now! It looks much better and easier for scrolling~!

866 Views
Message 4 of 5
Report

Thanks @Adam! I have tried resetting the theme. It worked but meanwhile all the customized <h1> tags were deleted.

867 Views
Message 5 of 5
Report