CSS Issue on small screen


When I size my window all the way down (or view the site on mobile), there is a small horizontal scroll. I don’t want any horizontal scrolling.

Any idea where the issue is?


Your search form has a hard width set

#search_form {
  width: 400px;

So when the screen gets below that, scrollbars are formed. You can actually remove that line there since ".search-bar-home has a max-width:400px; set which covers your needs. Also your #browse{} is giving scrollbars at lower widths (if you scroll small enough) because that has a min-width:300px; in play.

Probably not an issue since most devices are around 320px or above but if you do go below 320px; display for devices then you will see scrollbars there too.

Awesome, thanks Ryan

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