The search input is overflowing to the right on mobile devices causing a small gap and horizontal scrolling. The source of the issue originates from typeahead.bundle.min.js, this cannot be modified and uploaded to GH from what I can gather as it is imported from Bower. twitter-typeahead is wrapped around the input field with the class of .tt-input, the script would apply an inline style to set the display of .twitter-typeahead to inline-block. typeahead.bundle.min.js is, though this is what is causing the overflow and gap on mobile devices.
Suggested solution is to place a selector in main.js and override the styling on .twitter-typeahead
The search input is overflowing to the right on mobile devices causing a small gap and horizontal scrolling. The source of the issue originates from typeahead.bundle.min.js, this cannot be modified and uploaded to GH from what I can gather as it is imported from Bower. twitter-typeahead is wrapped around the input field with the class of .tt-input, the script would apply an inline style to set the display of .twitter-typeahead to inline-block. typeahead.bundle.min.js is, though this is what is causing the overflow and gap on mobile devices.
Suggested solution is to place a selector in main.js and override the styling on .twitter-typeahead