{"id":1249,"date":"2015-06-08T17:24:47","date_gmt":"2015-06-09T03:24:47","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=1249"},"modified":"2015-06-08T17:24:47","modified_gmt":"2015-06-09T03:24:47","slug":"left-sidebar-under-content","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/left-sidebar-under-content\/","title":{"rendered":"Left Sidebar Under Content"},"content":{"rendered":"
Having a left sidebar move under the content in a responsive design needs a bit more thinking. \u00a0You can’t just do float left width 100% or display block and let the sidebar fall to the next line.<\/p>\n
When the browser width is narrow, use display:table-footer-group for the sidebar, display:table-header-group for the content, and\u00a0display:table for the parent container.<\/p>\n
See more:<\/p>\n