All Collections
Shogun device breakpoints
Shogun device breakpoints
Find out more about the device breakpoints that Shogun uses to display your content.
Written by Edward Savoy
Updated over a week ago

Device breakpoints define certain width values where the content will behave differently, depending on the screen size of the device (specifically the width) 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 break points 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?