Adjust body width to match with header width

[Joseph]

Hi support,

Here is the screenshoot link: http://prntscr.com/c2136w

Can you please guide me how to adjust the body width to match with header width? This is the live link: http://goo.gl/D04eYl I believe increasing the body width is better for reading too.

Regards,

[Davinder Singh Kanith]

Joseph, I don’t see that white border (as indicated in the screenshot) on the site now. Is that fixed?

[Joseph]

No it hasn’t fix it. Visit the site on mobile, and you will see the body width is smaller than the header width. Can you guide me how to fix same size as the header?

Regards,

[Davinder Singh Kanith]

It seems you have right click disabled on the website. Send me login details via contact form, I will check for the issue. Or enable right click for sometime.

[Joseph]

I deactivated right click now.

[Davinder Singh Kanith]

I understand, you want to remove black background border appearing on left and right of content on the smaller screen devices.

Look for following code and change margin values to 0

@media only screen and (max-width: 960px)
.boxed .site-container {
    margin-left: 3%;
    margin-right: 3%;
}

[Joseph]

Thanks Davinder,
just one more: I try to place ads above the MENU, but the ads can’t display in the center. See screenshot: http://prnt.sc/c3ctjg abit more to the right. Could you please check how to fix this?

Regards,

[Chinmoy Paul]

Enter the ads inside the div markup lik

<div class="my-ads">enter ads code here</div>

Now you will write the CSS like this way

.my-ads{
   display: table;
   margin: 0 auto;
   width: auto;
}

[Author]

Posts