CSS Issue on small screen

HTML & CSS
1

Hello,

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?

https://getdev-staging.herokuapp.com/

2

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.

3

Awesome, thanks Ryan

4

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