How do I remove empty space on home page

Question

1.29/5 (4 votes)

See more:

Hello, I need help! How do I remove the empty space on the right of my home page?
http://www.kolonka-shop.com/
What is causing this?
Thx

Posted 5-Dec-15 7:16am

vkosmos

Add a Solution

Comments

Suvendu Shekhar Giri 5-Dec-15 13:31pm

Share the CSS for body tag .
This can be caused by having a fixed width body or some parent container. Also make sure that you havent set margin-right or padding-right wiith some fixed value.

vkosmos 5-Dec-15 15:12pm

body {
width: 1100px;
margin-left: auto;
margin-right: auto;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 15px;
}

Suvendu Shekhar Giri 5-Dec-15 15:23pm

Try changing to-
width: 100%;

vkosmos 5-Dec-15 15:26pm

Looks like it didn't fix the problem.. The page is still horizontally scrollable

Suvendu Shekhar Giri 5-Dec-15 15:31pm

Wrap all you markup inside a div with css like following-
<body>
<div style='margin: 0 auto;'>

</div>
</body>

Keep, "width: 1100px;" for body as it was previously.

vkosmos 5-Dec-15 15:38pm

I guess the problem is somewhere else, perhaps somewhere in the image-slider at the top

Suvendu Shekhar Giri 5-Dec-15 23:34pm

That's possible. Which image slider you have used? Any third party JQuery slider or your own customized?

jgakenhe 5-Dec-15 14:54pm

It depends what you want to do. If you want to move the page right, but keep the width of the the same, then in style.css, change margin-right: auto; to margin-right: 0px;. You can also manipulate the width of the page changing width: 1100px;

body {
width: 1100px;
margin-left: auto;
margin-right: auto;/*your change should go right here*/
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-bottom: 15px;
}

Let me know if this is what you need.

ZurdoDev 5-Dec-15 15:43pm

The content looks centered on Chrome/win10 with equal white space on both side.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)