CODEWITHSUNDEEP
htmlcssweb
yanko
yanko

Reputation: 164

CSS scroll hide overflow

I currently have this website.

Which produces the current output: normal

But when I scroll, this happens: scrolled

Any suggestions? Thanks.

EDIT: To be more specific, the problem is the option appearing over the header when I scroll. The scrollbar is hidden on purpose.

The header is styled as position: sticky if that is of any help (check the link at the beginning for the preview, code is available at devtools)

Upvotes: 0

Views: 61

Answers (1)

Newsha Nik
Newsha Nik

Reputation: 947

Remove padding: 10px from your .qa-container class and add border: 10px solid #fff to your .question class and then add padding: 0 10px to your .answers class.

Upvotes: 1

Related Questions