Device breakpoints defines certain width values where the content will behave differently, depending on the device that the visitor to your store is using. These play an important role in ensuring that your content remains responsive.

Shogun currently makes use of four different breakpoints to display your content:

  • Widescreen: 1200px+
  • Desktop: 992px - 1199px
  • Tablet: 768px - 991px
  • Mobile: 0px - 767px

These breakpoints are used within the Screen Settings options of Shogun and would also be able to be used within Custom Elements, or custom code within the HTML Element.

Did this answer your question?