Horizontal scrolling is not displayed when resizing the browser

Question

I am building a page. I noticed that when I resize the browser to see how it looks in a small window, the horizontal scroll bar is not displayed.

This is the only CSS code I have for the body:

body { font-family:Helvetica, Arial, sans-serif; margin:0; background-image:url(img/paper-footerbg.png); background-attachment:scroll; background-repeat:repeat-x repeat-y; 

}

Here is the link to the page I am creating, http://taghomecaremarketing.com/test/theadamgroup/

Any help is appreciated. Thanks.

Answer 1

In your css for the container div, remove overflow: hidden

#headerBox, #mainBox, #subBox, #footerBox

Of course, you will encounter some other problems, but the answer ...

Answer 2

Or add overflow: auto. or overflow: auto! important;

If this works and calls the scroll along the x and y axis. Then it is better to try overflow-x: auto;

Good luck

Answer 3

You set it to overflow: hidden ! This hides the content. Change it to overflow: auto or better yet, delete it!