I am working on a website for a non-profit researcher community. I based my layout on the homepage example.
The main layout is pretty simple:
<div class="ui vertical inverted sidebar menu">
<!-- Page Contents -->
<div class="ui vertical stripe segment">
<div class="ui stackable grid container">
<div class="twelve wide column" id="main">
<!-- this is the oversized column -->
<div class="four wide column large screen only">
At the 770px width breakpoint and smaller, the t
welve wide column width default to 1046 px. Since the
overflow-x of the pusher is hidden, this is quite an issue.
What am I missing? It seems like the exact same layout than the example.