Why does this have a horizontal scroll bar?

This is usually caused by an element with a width set too wide with CSS. One way to figure this out is to go into your browser’s dev tools inspector tab and start removing the width set on elements one at a time until you find the culprit. Didn’t take me more than 30 seconds before I found the one causing problems on your page.

Here’s a piece of advice. For block level elements, you do not need to set a width on them if you just want them to take up all the available horizontal space as that is their default behavior. In this case you have an unnecessary width set on an element which is causing your problem.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.