footer problem/space around the page

Developer Support CMS Development
,
1

Hello everybody,

I have a small problem I am doing a footer on my website and when I look at the preview there is a space all around my page not only for the footer. And my footer has like a margin on the bottom. Here is my page in the design manager :

design_manager.png
design_manager.png1573×829 67.2 KB

Design manager

And here is my CSS file:

screen_css.jpg
screen_css.jpg1415×821 192 KB

CSS File

And you can take a look at the preview :

screen_preview.png
screen_preview.png1925×996 220 KB

Preview

In the pictures you can see the small areas around the content.

Could you please help me I don’t understand how it works.

Thanks a lot for your answers,

Sinem.

2

You can paste a url of the preview?

3

Hey Janet,

I saw your solution to this problem and tried it too, unfortunately it did not work.

Here is the issue:

on the Mobile website, accurids.com, there is the ability to scroll sideways, which is of course bad UX.

Im trying to remove this ability but I am unable to find the source of this.

Maybe you can help me?

A solution I thought about is putt your

body { 
margin: 0;
}

in as well, but where exactly?

Thanks in advance and best regards

4

Hi @Sinem!

It looks like there might be a margin around your body tag that is causing the white space around your page.

You can try putting this in your CSS file to overwrite the margins:

body { 
margin: 0;
}

Let me know if that works, and do share a link to your Preview Page if you’re still having issues!

5

Hello @jieyintan

It works ! Sorry I reply a little late but it works and thank you very much :slightly_smiling_face: !

Best regards,

Sinem.