页面右侧的空白-神秘

Question

How do I get rid of this white space on the side of my website? I am out of ideas, and I cannot seem to see what the problem is that is causing every page of my website to have this white space.

Can somebody help and look at this in firebug? - see if there is something I have missed.. The website is here: www.sugarskull.co

Answer 1

I am on chrome and I noticed on your <div> top-pusher that you have a height of 45px.

Removing this

#top-pusher {
  /* height: 45px; */
}

removes the side line that you are talking about, I also did not notice a change in layout (for fullscreen after removal.

When in mobile, you have padding around your header, which is why the black menu button doesn't touch the window:

body#home div#header {
  background: transparent;
}

just add padding:0 to the div#header and that should remove the padding margin on the menu/nav bar.

Edit: The space bar seems to only be on the homepage, so you should be targeting just that page with this fix:

#home #top-pusher{
/* fixes right side gape */
height:0px;
}

#home div.sequence-theme{
/* removes white space on bottom */
margin:0;
}

@media /*Your mobile screen size */
    body#home div#header {
      background: transparent;
/*removes spacing allow your nav bar to touch the sides of the window*/
padding:0;
    }

Answer 2

you need to add the following css to #top-pusher margin-right:0;margin-left:0;

you may also need to add !important as you are grabbing styles from .row