Question

So here is the website: a link

When you make your screen smaller and scroll horizontally… you will see my issue where everything within the “wrapper” gets cut off and then there is a whole bunch of extra blank space on the right… I’m pretty sure it’s in the wrapper, but I’m not sure how to get this wrapper to stay still and not get cut off when the screen is minimized.

ANy help on this issue would be greatly appreciated… Thanks!

Answer 1

You should try to place your wave background image inside the footer class instead in an ul tag. Your footer id is already set to be 100% witdh so it should fill out the complete bottom of the page.

#footer {
    height:275px;
    width:100%;
    margin: 0 auto;
    margin-bottom:0;
    background: #000 url(http://dropbuckets.com/wp-content/themes/Freshman%20101/images/waves.png) repeat-x 0 top; 
}

Make sure the white in your wave png is not transparent.