Icon Sidebar breakpoint

[marie-aoun]

Hi there,

I am using the Icon stack and I am also using Sidebars instead of a sidenav on all pages except for product posts.

I have adjusted the media query so that the side bars display from 980px instead of 1200px:

    @media (min-width: 980px) {
 .x-sidebar {
  position:fixed;
  top:0;
  width:250px;
  height:100%;
  margin:0;
  border-top:0;
  z-index:1031;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0)
 }
}
@media (min-width: 980px) {
 .x-sidebar .max.width {
  padding-left:20px;
  padding-right:20px
 }
}

But now my side nav displays in addition to the sidebar below 1200px. I can’t figure out how to stop the side nav from displaying.

Please help!

[christian]

Hey Marie,

It sounds like you haven’t modified the Side Navbar also. If just in terms of modifying the Side Navbar breakpoint, I could point you to the right direction. But, it doesn’t not involved that area alone. You also would need to modify the breakpoint of the menu inside.

Please also not that we do not support changing the theme’s breakpoints or any theme customization in general. We do not provide support including fixes and enhancements of custom codes even if we have given them here in the forum. Custom codes found here in the forum serve only as a guide.

I’d strongly recommend that you design your site according to the current limitations of our products. Otherwise, you would need to consult with a third party developer.

Thank you for understanding.