CODEWITHSUNDEEP
csshtmloverflow
Mubarak
Mubarak

Reputation: 183

horizontal scroll bar missing from the website

WEBSITE LINK

The above link was a responsive site in the start. But due to the nature of the content, had to add a lot of tables etc and now when i zoom in the website on my browser ,it is does not show any horizontal scroll bars and same goes for when i try to view it on my phone.

i tried different ways like adding overflow-x:auto to the body and removing all the overflow: hidden but still am unable to see my whole website enlarged.

any help would be much appreciated

Upvotes: 3

Views: 4780

Answers (2)

ProGM
ProGM

Reputation: 7108

The problem is that main div (art-main) is containing everything and is defined as:

overflow: hidden;
width: 100%;

So if you resize the page, the div is adapting his size to fit the screen, and the content that is outside that size is cutted out.

I think you should work on this.

Upvotes: 2

drip
drip

Reputation: 12933

Remove this:

body {
    overflow-x: hidden;
}

and this

#art-main {
    overflow: hidden;
    width: 100%;
}

Upvotes: 5

Related Questions