Right now I have a sidebar that is using an instagram widget, and whenever the browser window is made too small, the images begin to move and get cut off.
Is there a way to make the images stay in a column until the window gets to small, then not be shown at all?
Here's my current code:
Code
/*--- sidebar ---*/
div.gdl-page-item.columns{ float: right; }
div.gdl-left-sidebar.columns{ float: left; }
div.custom-sidebar{ margin-bottom: 50px; position: relative; }
h3.custom-sidebar-title{ font-weight: bold; line-height: 19px; position: relative;
padding-bottom: 0px; margin-bottom: 10px; }
div.gdl-sidebar-wrapper{ overflow: hidden; }
div.gdl-right-sidebar .sidebar-wrapper{ padding-top: 55px; }
div.gdl-left-sidebar .sidebar-wrapper{ padding-top: 55px; }